html, body { height: 100%; margin: 0; } .wrap { display: flex; align-items: center; justify-content: center; height: 100%; background: #000; } .wrap img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }