body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden; /* Prevents unwanted scrollbars */
}

.center-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #fff; /* 400317 */
}

img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* The background image stays centered */
.bg-gif {
  max-width: 100%;
  max-height: 100%;
  z-index: 1; /* Sits behind the button */
}

/* The button sits on top */
.overlay-button {
  position: absolute; /* Pulls it out of the normal flow */
  z-index: 2;         /* Sits on top of the background */
  
  /* Adjust these to move the button exactly where you want it */
  width: 12px;   
  height: auto; /* auto*/

  /* Optional: Add a hover effect */
  cursor: pointer;
  transition: transform 0.2s;
}

.overlay-button:hover {
  transform: scale(1.1);
}