@charset "UTF-8";
/* CSS Document */

.container {
  position: relative; /* Create a stacking context */
}

.base-img {
  position: relative; /* Base image stays in the normal flow */
  /* You can adjust its position further if needed */
}

.overlay-img {
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*
.overlay-img {
  position: absolute; /* Position relative to the container */
/*top: 200px; /* Position at the top-left corner of the container */
/*  left: 690px;
  z-index: 1; /* Place this image on top */
  /* Adjust top, left, right, or bottom to precisely position the overlay */
/*}  */