/* Custom Project Scroll Effect */

.project-two__item__image, 
.project-one__image {
    height: 350px !important; /* Adjust this to match the desired thumbnail height */
    overflow: hidden !important;
    position: relative !important;
}

.project-two__item__image img, 
.project-one__image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 6s linear !important; /* Slower scroll for better visibility */
    transform: translateY(0) !important;
}

/* Hover effect to scroll the image */
.project-two__item:hover .project-two__item__image img,
.project-one__item:hover .project-one__image img {
    transform: translateY(calc(-100% + 350px)) !important; /* Scrolls to the very bottom */
}

/* Disable the dark overlays so we can see the scrolling content clearly */
.project-two__item__image::after,
.project-one__image::before {
    display: none !important;
}

/* Ensure the content box doesn't cover the image if it's too tall */
.project-two__item__content {
    z-index: 10;
}