.home-container {
    position: relative;
    z-index: 10;
    width: 100%;
    display: flex;
    height: 100vh;
    align-items: center;
    justify-content: center;
    background: linear-gradient(#1e1d1d, #1b1a1a, #151515, #000);
    
}

.home-container-img {
    width: 45%;
}

.arrow-wrapper {
    position: absolute;
    left: 50%;
    top: 85vh;
    transform: translate(-50%, -50%);
    width: 50px; 
    height: 50px;
    animation: bounce 1.6s infinite ease-in-out;
}

.home-arrow {
    position: relative;
    color: #888;
    text-decoration: none;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100%   { transform: translate(-50%, -50%) translateY(0); }
    40%                       { transform: translate(-50%, -50%) translateY(8px); }
    60%                       { transform: translate(-50%, -50%) translateY(4px); }
}


body.scrolled .home-arrow {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}


@media (max-width: 480px) {
    .home-container-img {
        width: 90%;
}
}

@media (max-width: 768px) {
    .home-container-img {
        width: 80%;
}
}