JSFiddle - React, Tailwind, and code Playground

HTML

<li>
    <div class="wrap"> 
        <span class="content">
            <img src="" alt="" width="50" height="50">
        </span>
        <sup>new</sup>
    </div>    
</li>

CSS

li{
    position:relative;
}
.wrap {
    border: 1px solid blue;
    position: relative;
    height: 100px;
    display:table-cell;
    vertical-align: middle;
}
.wrap:hover {
    top: 10px;
}
.wrap span {
    display:block;
}
sup{
    position:absolute;
    top:0;
    right:0;
    width:5px;
    height:5px;
    background:yellow;
}
img {
    background:red;
}