JSFiddle - React, Tailwind, and code Playground

by imsky

HTML

<div class="thumb-container">
    <div class="thumb-image">
        <img src="http://placekitten.com/205/300">
    </div>
</div>
<div class="thumb-container">
    <div class="thumb-image">
        <img src="http://placekitten.com/205/400">
    </div>
</div>
<div class="thumb-container">
    <div class="thumb-image">
        <img src="http://placekitten.com/205/500">
    </div>
</div>

CSS

.thumb-image {
    margin:0 auto 5px;
    width:205px;
    background:#EEE;
    color:#8A8989;
    border-image:initial;
    position:relative;
    z-index:0
}
.thumb-image img {
    border:0;
    display:block;
    width:100%
}
.thumb-container {
    position:relative
}
.thumb-image:before {
    content:"";
    display:block;
    position:absolute;
    width:100px;
    height:100px;
    bottom:0px;
    right:0px;
    z-index:1;
    background:url(http://placekitten.com/100)
}