JSFiddle - React, Tailwind, and code Playground

HTML

<div class="area">
<div style="width:250px;display:table-cell;text-align:right;">
    <img src="/images/sx.jpg" alt="sx" height="100" width="90" />
</div>
<div class="slideshow" style="display:table-cell;width:500px;vertical-align:middle;text-align:center;">
    [...]
</div>
<div style="display:table-cell;width:250px;vertical-align:bottom;text-align:left;">
    <img src="/images/dx.jpg" alt="dx" height="100" width="90" />
</div>
</div>

CSS

.area{
    height:600px;
    display:table-row;
}

div{
    border: 1px solid red;
}