JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-xs-12 col-sm-4">
            <div class="wrap">
                <img class="blockico" src="" width="100px" height="100px">
                <h4>Catering</h4>
                <a href="url">The Menu</a>
                <br>
                <a href="url">Today's Menu</a>
                <br>
                <a href="url">Gallery</a>
                <br>
                <a href="url">Festivities</a>
                <br>
            </div>
        </div>

CSS

.wrap {
  margin-top:50px;
  width: 100%;
  height: 100%;
  background-color: #e9e9e9;}

.blockico {
  background:#666;
  margin-top:-50px;
}