JSFiddle - React, Tailwind, and code Playground

by Nicolas PUJOL

HTML

<div class="product_1"></div>
<div class="product_2"></div>

CSS

.product_1 {
  width: 200px;
  height: 200px;
  background: url("http://lorempicsum.com/rio/255/400/3") no-repeat scroll center 90px;
}

.product_2 {
  width: 200px;
  height: 200px;
  background: url("http://lorempicsum.com/rio/255/400/4") no-repeat scroll center 90px;
}

@media screen and (max-width: 640px) {
  .product_1,
  .product_2 {
    background-position: center 180px;
  }
}