html {
  height: 100%
}

body {
  margin: 0;
  min-height: 100%;
  background-color: #ffffff;
  background-size: 100% 100%;
}

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.contain {
  display:block;
  width:100%; height:100%;
  object-fit: contain;
}

.stretch {
  display:block;
  width:100%; height:100%;
}

.bottom-image {
    position: absolute; /* Position relative to the .container */
    bottom: 40px; /* 40px from the bottom */
    width: 210px; /* Fixed width */
    height: auto; /* Maintain aspect ratio */
    left: 50%; /* Start from the horizontal center */
    transform: translateX(-50%); /* Adjust to truly center the image */
}