JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
  <div id="content">
     <img src="http://dummyimage.com/50x80/f0f/fff" alt=""/>
     <img src="http://dummyimage.com/50x50/f0f/fff" alt=""/>
     <img src="http://dummyimage.com/50x60/f0f/fff" alt=""/>
     <img src="http://dummyimage.com/50x70/f0f/fff" alt=""/>
  </div>
</div>

CSS

#content
{
    border-left-width:thick;
    border-left-style:solid;
    border-left-color:#ff9900;
    border-bottom-width:thick;
    border-bottom-style:solid;
    border-bottom-color:#ff9900;
    padding: 5px;  

    height:200px;
    
    display: table-cell;
    vertical-align: bottom;
}

img
{
    width:auto;
    position: relative;
    bottom: 0;
}

#wrapper
{
    text-align:center;
}