ME6.- Who Instagram (aesthetic)

<div class="ME6" style="color: #666;"><span><span class="lnr lnr-heart"></span><span class="lnr lnr-bubble"></span><span class="lnr lnr-bookmark"></span></span><img src="https://via.placeholder.com/40"><strong>Nombre Apellido</strong><div>

<img src="https://i.postimg.cc/7Yhg4Zp8/ezgif-1-7317ac3d5dbb.jpg">
<b style="top: 30%;left: 20%;">The Gitano</b>
<b style="top: 26%;left: 50%;">The Necro</b>
<b style="top: 40%;left: 39%;;">Heki</b>
<b style="top: 50%;left: 38%;">Rainbown</b>
<b style="top: 60%;left: 38%;">Hye Ri</b>
<b style="top: 69%;left: 45%;">Val</b>

</div><b>Nombre Apellido</b> Soufflé marzipan caramels cake dragée fruitcake topping jelly tiramisu. Tiramisu donut powder liquorice pastry pie dragée. Chocolate bar cookie chocolate cake jelly beans bear claw carrot cake sesame snaps sugar plum.
</div><a class="miME6" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>

<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"><style>.ME6, .ME6 * {box-sizing: border-box;} .ME6 {width: 400px; margin: auto; background: #FFF; padding: 20px; font: 12px Lato;} .ME6 > img {border-radius: 5px; padding: 3px; vertical-align: middle; width: 40px; height: 40px; margin-right: 5px; box-shadow: inset 0 0 0 50px;} .ME6 > strong {font-size: 14px;} .ME6 > span > span {margin-left: 5px;} .ME6 > div {position: relative; display: inline-block; width: 100%; margin: 10px 0;} .ME6 > div > img {width: 100%;} .ME6 > div > br {display: none;} .ME6 > div > b {background: #0009; color: #FFF; font: 10px Lato; text-transform: uppercase; padding: 4px 5px 5px; border-radius: 5px; position: absolute; text-shadow: 1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000; opacity: 0; transition-duration: .5s;} .ME6:hover > div > b {opacity: 1;} .ME6 > div > b:nth-of-type(2n) {transition-delay: .2s;} .ME6 > div > b:nth-of-type(3n) {transition-delay: .4s;} .ME6 > div > b:nth-of-type(4n) {transition-delay: .6s;} .ME6 > div > b:nth-of-type(5n) {transition-delay: .8s;} .ME6 > div > b:nth-of-type(6n) {transition-delay: 1s;} .ME6 > div > b::before {content: ""; background: #0009; width: 10px; height: 5px; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); position: absolute; bottom: 100%; left: calc(50% - 5px);} .ME6 > span {font-size: 20px; float: right; margin: 8px 0; opacity: .6;} .miME6 {display: block; font: 10px Lato; letter-spacing: 2px; text-align: center; transition: .5s;} .miME6:hover {letter-spacing: 10px;}</style>