JSFiddle - React, Tailwind, and code Playground
HTML
<div class="container">
<div class="leftColumn">
<div class="photoHolder">
</div>
</div>
<div class="rightColumn">
<div>
<span>This is always here</span>
</div>
<div>
<span>Sometimes this is here</span>
</div>
</div>
</div>
CSS
.container {
background: rgb( 240, 240, 240);
width: 300px;
position:relative;
}
.leftColumn {
display: block;
position: absolute;
top:0;
left:0;
}
.photoHolder {
width: 40px;
height: 50px;
background: rgb(200, 200, 245);
}
.rightColumn {
display: block;
width: 250px;
height: 400px;
background: rgb( 200, 244, 244);
position: absolute;
top:0;
right:0;
}