.image-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px; /* Adjust based on your images */
    height: 300px; /* Adjust based on your images */
    margin: 0 auto; /* Centers the container horizontally in the parent */
  }
  
  .image-container img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover; /* Optional: ensures images scale proportionally */
  }