.tech-stack-anim {
    margin-top: 40px;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    user-select: none;
}

.scroll-container {
    display: flex;
    width: 800px;
    overflow: hidden;
}

.scroll-content {
    display: flex;
    gap: 40px;
    padding: 20px 0;
    animation: scroll 20s linear infinite;
}

.scroll-content img {
    height: 40px;
    width: auto;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.scroll-content img:hover {
    opacity: 1;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-50%));
    }
}