Center and Fill a div with img src

 .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 */

}