Cacher is the code snippet organizer for pro developers

<div>
    <a href="/collections/girlspopup">
      <div class="image_container">
        <img src="//cdn.shopify.com/s/files/1/0787/5255/t/6/assets/feature1.jpg?17850523113143350871" alt="">
      </div>
    </a>
</div>

<style>
.image_container {
  	background:url({{ 'hover.png' | asset_url }});
    background-size: contain;
    background-repeat: no-repeat;
  
}

.image_container img:hover {opacity:0.15;)}
</style>