.zoom{
    background-size: cover;/*Ajustar el tamaño de la imagen*/
    transition: transform 0.2s ease;/*Agreaga una transicion sueve al efecto del zoom*/
}

.zoom:hover{
    transform: scale(1.1);/*Escla la imagen*/
}

.colorfor{
    background-color: #52b11cad; /* Color de fondo deseado */
    padding: 20px; /* Opcional: agregar relleno para separar el contenido del borde */
    border-radius: 8px; /* Opcional: añadir esquinas redondeadas */
    box-shadow: 0 0 10px rgb(0, 0, 0); /* Opcional: agregar sombra */
}