.elementor-image-gallery {
    position: relative;
    width: 100%;
    max-width: 99px;
    height: 332px;
    margin: 0 auto;
}

.image-item {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0; /* Align the bottom of the images */
    border-radius: 10px; /* Optional: add border-radius if you want rounded corners */
    overflow: hidden; /* Ensure child elements are contained */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, z-index 0.3s ease;
    transform-origin: center center; /* Maintain zoom from the center */
}

.image-item img {
    max-width: 100%;
    border-radius: 10px;
}

.image-item:nth-child(1) {
    transform: rotate(-6.3deg) translateX(-70%);
}

.image-item:nth-child(2) {
    transform: rotate(4.69deg);
    z-index: 1;
}

.image-item:nth-child(3) {
    transform: rotate(15.63deg) translateX(70%);
    z-index: 2;
}

.image-item:nth-child(1):hover {
    transform: scale(1.1) rotate(-6.3deg) translateX(-90%); /* Zoom in towards the left */
    z-index: 3;
}

.image-item:nth-child(3):hover {
    transform: scale(1.1) rotate(15.63deg) translateX(90%); /* Zoom in towards the right */
    z-index: 3;
}

.image-item:hover:not(:nth-child(1)):not(:nth-child(3)) {
    transform: scale(1.1) !important; /* Zoom without changing rotate or position */
    z-index: 3;
}