Figure::before

by hisbvdis

HTML

<figure>
        <img src="https://webref.ru/assets/files/cocktail.jpg" alt="cocktail" width="200" height="200">
    </figure>
    <figure>
        <img src="https://webref.ru/assets/files/cocktail-2.jpg" alt="cocktail-2" width="200" height="200">
    </figure>

CSS

figure {
    float: left;
}

img {
    padding: 5px;
    background: #DAD6CF;
    border: 2px solid #B8B096;
}

figure::before {
    content: "";
    position: absolute;
    border-top: 10px solid #000;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    transform: rotate(45deg);
    
}