JSFiddle - React, Tailwind, and code Playground

by piiantom

HTML

<div>

  <img id="original" src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c7/Brad_Pitt_Inglorious_Basterds_Berlin_premiere.jpg/170px- Brad_Pitt_Inglorious_Basterds_Berlin_premiere.jpg" class="some_photos">
  <canvas id="c1"></canvas>

  <img id="filtered" class="filter" src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c7/Brad_Pitt_Inglorious_Basterds_Berlin_premiere.jpg/170px-Brad_Pitt_Inglorious_Basterds_Berlin_premiere.jpg">
  <canvas id="c2"></canvas>

</div>

CSS

.some_photos { width: 358px; }
@media only screen and (min-width: 1040px)
{
.some_photos { width: auto; }
}