JSFiddle - React, Tailwind, and code Playground

HTML

<div id="divid">
<img src="http://pbs.twimg.com/profile_images/2284174872/7df3h38zabcvjylnyfe3_normal.png" alt="Smiley face" height="42" width="42">
</div>

CSS

div > img {
   display:block;
  position:absolute;
  left:0;
  right:0;
  bottom:20px;
  margin:auto;
  
}

#divid{
  position: relative;
    height: 300px;
    width: 300px;
   border: 3px solid #73AD21;
}