body, html {
  height: 100%;
}

.bg1 {
  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;

  background-size: cover;
}
.container-img {
  width: 200px;  /* Set a fixed width for the container */
  height: 150px; /* Set a fixed height for the container */
  object-fit: contain; /* Scales the image down to fit inside without stretching or cropping */
}
.half-width-img {
  width: 75%;
  height: auto; /* Maintains proportionality */
  text-align: center;
}