JSFiddle - React, Tailwind, and code Playground

HTML

<div class="image-container">
    <div class="image-overlay"></div>
    <img id="your-image" src="http://placehold.it/200x200" />
</div>

CSS

.image-container {
    position: relative;
    width: 50%;
}

.image-overlay {
    position: absolute;
    width: 100%;
    height: 80%;
    border-right: 2px solid #000;
}

#your-image {
    width: 100%;
}