JSFiddle - React, Tailwind, and code Playground

HTML

<div class="abstract">
    <img src="1"/>
</div>

<div class="landscape">
   <img src="2" />
</div>

<div class="abstract">
   <img src="3" />
</div>

<div class="landscape">
   <img src="4" />
</div>

Filter:
<form>
<input type="checkbox" name="gallery" value="abstract" id="abstractCheck"/> Abstract<br />
<input type="checkbox" name="gallery" value="landscape" id="landScapeCheck"/> Landscape
</form>

JavaScript

$(document).ready(function(){

    $("#abstractCheck").change(function(){
      $.find("
    });
    
     $("#landScapeCheck").change(function(){
       $(".landscape").toggle();
    });

});