.product .product-image {
    picture{
        &:last-of-type{
            display: none;
        }

        &:first-of-type {
            display: block;
        }
    }
    &:hover{
        picture{
            &:first-of-type{
                display: none;
            }
            &:last-of-type{
                display: block;
            }
        }
    }
}