.y-moving-photos-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    overflow: hidden;
    position: relative;
    gap: 4%;
}

.y-moving-photos-column {
    width: 48%;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
}

.y-moving-photos-track {
    display: flex;
    flex-direction: column;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

/* Column 1: Moving down (top to bottom) */
.y-column-1 .y-moving-photos-track {
    animation-name: moveDown;
}

/* Column 2: Moving up (bottom to top) */
.y-column-2 .y-moving-photos-track {
    animation-name: moveUp;
}

.y-moving-photo-item {
    width: 100%;
    display: block;
    overflow: hidden;
}

.y-moving-photo-item img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

/* Pause on hover */
.y-moving-photos-wrapper[data-pause="yes"] .y-moving-photos-column:hover .y-moving-photos-track {
    animation-play-state: paused;
}

/* Hover effect on images */
.y-moving-photo-item:hover img {
    transform: scale(1.05);
}

/* Animation keyframes */
@keyframes moveDown {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50%);
    }
}

@keyframes moveUp {
    0% {
        transform: translateY(-50%);
    }
    100% {
        transform: translateY(0);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .y-moving-photos-wrapper {
        flex-direction: column;
        gap: 20px;
    }
    
    .y-moving-photos-column {
        width: 100%;
    }
}

/* Editor mode */
.elementor-editor-active .y-moving-photos-track {
    animation: none !important;
}
