.about-us__hero {
    height: 690px;
}

.about-us__hero-scroll::before {
    content: '';
    display: block;
    background-image: url('data:image/svg+xml,<svg width="24" height="50" viewBox="0 0 24 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="22" height="48" rx="11" stroke="%23428E19" stroke-width="2"></rect><path class="about-us__hero-scroll-line" d="M12 10L12 24" stroke="transparent" stroke-width="3" stroke-linecap="round"></path></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 50px;
}

.about-us__hero-scroll::after{
    content: '';
    display: block;
    position: absolute;
    background-image: url('data:image/svg+xml,<svg width="24" height="50" viewBox="0 0 24 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="22" height="48" rx="11" stroke="transparent" stroke-width="2"></rect><path class="about-us__hero-scroll-line" d="M12 10L12 24" stroke="%23428E19" stroke-width="3" stroke-linecap="round"></path></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-box: fill-box;
    transform-origin: center;
    animation: about-us-hero-scroll-line 1.4s ease-in-out infinite;
}