JSFiddle - React, Tailwind, and code Playground

HTML

<!-- in the body -->
<div class="mydiv">
    <p>
      <img  src="http://placekitten.com/220/200" />
    </p>
    <p>text
    <img  src="http://placekitten.com/250/200" />
    </p>
    <p>
    <img src="http://placekitten.com/200/250" />
    </p>
    
    
    <h2>Text</h2>
</div>
<div class="mydiv">
    <p>
     text
    </p>
    <p>text
    <img src="http://placekitten.com/250/200" />
    </p>
    <p>
    <img  src="http://placekitten.com/200/250" />
    </p>
    
    

</div>

CSS

.mydiv p
{
 display:inline-block;
}

div.mydiv p img ~ div.mydiv p img {
   display: none;
}