.image-container { width: 100%; height: 100vh; /* Adjust the height as needed */ display: flex; justify-content: center; align-items: center; overflow: hidden; /* Ensures any overflow is hidden */ } .image-container img { width: 100%; height: 100%; object-fit: cover; /* This will make the image cover the entire div */ object-position: center; /* Ensures the image is centered */ }