JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapp">
    <div class="block-5 hidden">
        <a href="#"><img src="img.jpg" alt="img5"></a>
        <h2>Officia soluta</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat dolore temporibus enim perferendis modi officia soluta, quis, optio voluptatibus dolorum vitae in dolor obcaecati vel laborum facere, ea doloribus asperiores!</p>
    </div>
    <div class="block-1">
        <a href="#"><img src="img.jpg" alt="img1"></a>
        <h2>Lorem ipsum</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia error vero voluptatibus optio qui ea eaque, delectus ad velit tenetur deleniti eum quia fugiat, magni recusandae esse, enim atque nam?</p>
    </div>
    <div class="block-2">
        <a href="#"><img src="img.jpg" alt="img2"></a>
        <h2>Ipsum dolor</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam inventore modi dolorum voluptatum tempore consequatur molestiae id optio expedita aliquid amet, praesentium excepturi quod</p>
    </div>
    <div class="block-3">
        <a href="#"><img src="img.jpg" alt="img3"></a>
        <h2>Consectetur</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi quia asperiores sint, rem minus esse rerum ullam expedita exercitationem voluptates culpa soluta quidem atque neque cumque inventore at dicta aperiam.</p>
    </div>
    <div class="block-4">
        <a href="#"><img src="img.jpg" alt="img4"></a>
        <h2>Repellat dolore</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat dolore temporibus enim perferendis modi officia soluta, quis, optio voluptatibus dolorum vitae in dolor obcaecati vel laborum facere, ea doloribus asperiores!</p>
    </div>
</div>

CSS

.wrapp{
    width: 100%;
    margin: 0 auto;
}
.block-1, .block-2, .block-3, .block-4{
    width: 43%;
    border: 1px solid red;
    display: inline-block;
    height: auto;
    margin: 10px 3% 10px 0;
    padding: 0 10px;
}
.block-2{
    border: 1px solid green;
}
.block-3{
    border: 1px solid blue;
}
.block-4{
    border: 1px solid yellow;
}
h2{
    text-align: center;
}


.block-5{
    width: 43%;
    border: 1px solid black;
    display: inline-block;
    height: auto;
    margin: 10px 3% 10px 0;
    padding: 0 10px;
}
.hidden {
    display: none;
}

JavaScript

$('img[alt="img2"]').on('click', function(){
    $('.block-1, .block-5').toggleClass('hidden')
})