The one that got away - post

<div class="away"><div class="away1"><div class="away2"></div><div class="away3"><div class="away4">the one that got away</div><div class="away5">persona <i class="cp cp-cherry-o"></i> lugar <i class="cp cp-cherry-o"></i> fecha</div></div></div>
<div class="away6"><b>Así se ve en negritas.</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <i>Así se ve en cursiva.</i> Aliquam ut lacus leo. Aliquam a pellentesque ex. Nam pulvinar efficitur lacus bibendum placerat. Donec rutrum auctor eros eget ornare. Etiam turpis mauris, congue a nisi vitae, tempor efficitur nibh. Phasellus scelerisque diam a lacus maximus imperdiet. Curabitur risus lectus, vestibulum a facilisis at, pulvinar sed ipsum. Cras neque urna, eleifend eu cursus nec, eleifend in felis. Donec dignissim ligula ut pellentesque vehicula. Nulla quis tempor mauris. Etiam sollicitudin nisi vitae ex cursus dignissim.</div></div><div class="stdcre"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>

<style>.away{margin: 5px auto; width: 450px; background: #fff; padding: 12px; border: 1px solid #d9d9d9;}.away1{width: 450px; background: #ffa6c1; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.away2{clip-path: polygon(0 0, 100% 0, 55% 100%, 0% 100%); width: 200px; height: 150px; background: url(https://via.placeholder.com/200x150);}.away3{width: 240px; height: 140px; padding: 5px; display: flex; flex-wrap: wrap; align-content: center;}.away4{width: 240px; padding: 5px; text-align: right; font-family: poppins; font-weight: 900; color: #fff; font-size: 20px; line-height: 120%;}.away5{width: 240px; padding: 5px; text-align: right; font-family: poppins; font-weight: 300; font-size: 11px; color: #fff; line-height: 110%;}.away6{padding: 40px; border-top: 12px solid #ffa6c1; border-bottom: 12px solid #ffa6c1; font-family: poppins; font-weight: 400; font-size: 12px; color: #888; text-align: justify; line-height: 150%;}.away6 b{font-weight: 600; color: #ffa6c1;}.away6 i{color: #ffa6c1;}.stdcre{margin: 0 auto; width: 80px; background: #fff; text-align: center; border: 1px solid #d9d9d9; border-radius: 10px;}.stdcre a{text-decoration: none; font-family: inconsolata; font-weight: 200; font-size: 10px; color: #888;}</style>
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200&family=Poppins:wght@300;400;600;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="//icons.cappuccicons.com/cpf.css"></link>