Reveal second image on hover - Debut theme

Store Design
85

Having problem with stacked image on mobile only. I manage to make it work on desktop/laptop version but for mobile it has stacked images.

Store url: godzhand.myshopify.com

theme.css:

.has-secondary.grid-view-item__link img.secondary{
 display:none;
}

.has-secondary.grid-view-item__link:hover img.secondary{
 display:block;
}

.has-secondary.grid-view-item__link:hover img.grid-view-item__image{
 display:none;
}

@media screen and (min-width:767px){
.has-secondary.grid-view-item__link img.secondary{
 display:none;
}

.has-secondary.grid-view-item__link:hover img.secondary{
 display:block;
}

.has-secondary.grid-view-item__link:hover img.grid-view-item__image{
 display:none;
}
}

@media screen and (max-width:767px){
.has-secondary.grid-view-item__link img.secondary{
 display:none;
}
}

product-card-grid.liquid:

{% unless grid_image_width %}
  {%- assign grid_image_width = '600x600' -%}
{% endunless %}

  
    
    {% if product.images.size > 1 %}
     
    {% endif %}
    
{{ product.title }}

    {% if section.settings.show_vendor %}
      {{ product.vendor }}

    {% endif %}
    
      {% include 'product-price', variant: product %}