.bg-hero{background-image:url(/assets/hero.webp)}.scroll-arrow{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:bounce 2s infinite}.scroll-arrow:before{content:"";width:30px;height:30px;border-bottom:3px solid #fff;border-right:3px solid #fff;transform:rotate(45deg);margin-bottom:10px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}