JSFiddle - React, Tailwind, and code Playground

HTML

<div class="greybox col-md-offset-0">
    <ul>
        <li>
            an absence of medium or high risk criteria
        </li>
    </ul>
    <span><img  src="http://www.nacacnet.org/studentinfo/PublishingImages/fish.jpg" /></span>
</div>

CSS

div.greybox{
    border:solid 8pt;
    border-color:rgb(169,172,176);
    display:inline-block;
    border-radius:10px;
    width:290px;
    height:306px;
    padding:10px;
    vertical-align:top;
}

div.greybox:before {
    content: ' ';
    display: inline-block;
    vertical-align: bottom; /* vertical alignment of the inline element */
    height: 100%;
}

div.greybox span{

    display: inline-block;
    
    vertical-align: bottom;
    
}

/*this is just for the image, I dont care much about this*/
img{
  width:247px; height:76px;
}