JSFiddle - React, Tailwind, and code Playground

HTML

<div class="grid_3 one-edition">
<a href="product-1.php"><img src="http://placekitten.com/100/300"></a>
        <div class="editions-info-text">
            <p>Right To Buy</p>
            <p>C-type Print</p>
        </div>  
    </div>
    <div class="grid_3 one-edition">
        <a href="product-1.php"><img src="http://placekitten.com/100/150"></a>
        <div class="editions-info-text">
            <p>Hyperbolic Paraboloid Roof</p>
            <p>Offset Print</p>
        </div>  
    </div>
    <div class="grid_3 one-edition">
        <a href="product-1.php"><img src="http://placekitten.com/100/250"></a>
        <div class="editions-info-text">
            <p>132Kv PL16</p>
            <p>Offset Print</p>
        </div>  
    </div>
    <div class="grid_3 one-edition">
        <a href="product-1.php"><img src="http://placekitten.com/100/450"></a>
        <div class="editions-info-text">
            <p>What We Buy</p>
            <p>Publication</p>
        </div>  
    </div>

CSS

.one-edition {
    display: inline-block;
    background: black;
    vertical-align: middle;
}
.editions-info-text {
    display: none;
}