.pisadas-section {
    display: flex;
    flex-direction: flex;
    align-items: center; /* Alinea las imágenes al centro */
    margin-left: 10px;
    margin-right: 10px;
}

.pisadas {
    width: 100px; /* Ancho de cada imagen */
    height: 100px; /* Altura de cada imagen */
    background-size: cover; /* Ajusta el tamaño según tus necesidades */
    opacity: 0; /* Inicialmente invisibles */
    
}

.pisadas:hover {
    
    opacity: 100; /* Hacer visible al pasar el mouse */
}

/* Ajusta las rutas de las imágenes según la estructura de tu proyecto */
.pisada-001 { 
    background-image: url(../img/mistery/pisada-001.png)
}
.pisada-002 { 
  background-image: url(../img/mistery/pisada-002.png) }

.pisada-003 { 
 background-image: url(../img/mistery/pisada-003.png) }

.pisada-004 { 
background-image: url(../img/mistery/pisada-004.png)}

.pisada-005 { 
   background-image: url(../img/mistery/pisada-005.png) }

.pisada-006 { 
    background-image: url(../img/mistery/pisada-006.png) }

.pisada-007 { 
background-image: url(../img/mistery/pisada-007.png)}

.pisada-008 { 
   background-image: url(../img/mistery/pisada-008.png) }

.pisada-009 { 
  background-image: url(../img/mistery/pisada-009.png) }

.pisada-010 { 
    background-image: url(../img/mistery/pisada-010.png) }

.pisada-011 { 
   background-image: url(../img/mistery/pisada-011.png) }

.pisada-012 { 
    background-image: url(../img/mistery/pisada-012.png)
}
.pisada-013 { 
background-image: url(../img/mistery/pisada-013.png)}

.pisada-014 { 
    background-image: url(../img/mistery/pisada-014.png)
}

.pisada-015 { 
    background-image: url(../img/mistery/pisada-015.png)}

.pisada-016 { 
    background-image: url(../img/mistery/pisada-016.png) }

.pisada-017 { 
    background-image: url(../img/mistery/pisada-017.png) }

.pisada-018 { 
    background-image: url(../img/mistery/pisada-018.png) }

.pisada-019 { 
    background-image: url(../img/mistery/pisada-019.png)
}

.pisada-020 { 
    background-image: url(../img/mistery/pisada-020.png);
    opacity: 100;

}

.pisada-019:hover {
    opacity: 80;
}

@media only screen and (max-width: 1900px) {
    .pisadas-section {
        display: none;
    }

}