.image-container {
    display: flex;
    gap: 20px; /* Space between images */
   
    overflow: hidden;
}

/* Initial image setup */
.rotate-image {
    width: 100%;
    height: 100%;
    transition: transform 1s ease-in-out;
    transform-style: preserve-3d;
}

/* Rotate 360 degrees on hover */
.image-container:hover .rotate-image {
    transform: rotateY(360deg);
}