<div>
<a><img src="http://cdevroe.com/wp-content/uploads/2018/03/img_20180315_124810-014267040113386100818.jpeg"></a>
<span>10</span>
</div>
img { max-width: 300px; }
span {
display: block;
position: absolute;
padding: 3px;
text-align: center;
margin: -45px 0px 0px 250px;
color: #000;
font-weight: bold;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 3px;
width: 25px;
}
Also see: Tab Triggers