JSFiddle - React, Tailwind, and code Playground

HTML

<div class="banner_column">
        <a href="#">
            <img src="image.png" alt="Image 1" ></img>
        </a>
        <h1>Check Out Link Above</h1>
        <p>Some text here</p>
</div>

CSS

.banner_column {
   width:25%;
   display:inline-block;
   float:left;
   margin-bottom:60px;
}

.banner_column img {
   display:block;
   width:300px;
   height:450px;
   position:relative;
   margin-top:30px;
   margin-left:auto;
   margin-right:auto;
}