.seccion-hero {
    
     height: 100vh;
   
     background-color: #575756;
     background-image: url(../hero-section/assets/hero-web.jpg);
     background-attachment: fixed;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     text-align: center;
     position: relative;
 } 

.hero-flecha-abajo {
     width: 35px;
     height: auto;
     position: absolute;
     bottom: 40px;
     filter: drop-shadow(2px 8px 5px rgba(0, 0, 0, 0.29));

     transition: bottom 0.15s ease;
   
   
 }

 .hero-flecha-abajo:hover {  
    bottom: 37px;
    filter: drop-shadow(2px 4px 3px rgba(0, 0, 0, 0.29));  
} 
 
@media (max-width: 576px) {
    .seccion-hero {
        background-image: url(../hero-section/assets/hero-web-phone.jpg);
        
    }
}