Future Nostalgia v2

<div class="pdrol"><div class="titpdrol"><div class="iconp"><i class="fas fa-cloud-moon"></i></div><span class="pdrolj">Future Nostalgia</span></div><div class="head2 vdos"><img src="https://placehold.jp/255x150.png"><img src="https://placehold.jp/255x150.png"></div><div class="infpost">Maeve A. Sullivan <i class="fas fa-angle-double-right"></i> 15hs <i class="fas fa-angle-double-right"></i> Heladeria</div><div class="aquiletra"><i class="fas fa-quote-left"></i><span class="qtxt">Put my mind at ease<br/>Pretty please<br/>I need your hands on me<br/>Sweet relief<br/>Pretty please</span><i class="fas fa-quote-right"></i></div><div class="textrol">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vestibulum aliquet diam, ut volutpat nibh efficitur at. Integer id malesuada enim, nec imperdiet ligula. Vestibulum pharetra tellus a fringilla varius. Fusce rutrum gravida magna, non fringilla est. Morbi eu consectetur mi, nec lacinia nisl. Praesent eu consectetur tellus, vitae hendrerit enim. Quisque ullamcorper egestas facilisis. Morbi eu tortor massa.

Suspendisse commodo eu nulla vel volutpat. Suspendisse nec velit imperdiet, efficitur ante vel, porttitor nulla. Pellentesque elementum lacinia lectus id tincidunt. Mauris vulputate vulputate nibh vel porttitor. Nam quis libero sit amet nibh placerat laoreet. Aenean placerat enim nulla. Ut nec magna egestas, eleifend orci in, pretium eros. Vestibulum id lectus at tellus volutpat suscipit. Fusce iaculis neque eget nisl sollicitudin dapibus.</div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,900|Merriweather:400,400i&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<style>.pdrol{width:510px; height:auto; background:#fff; border:1px solid #eee; margin: 10px auto;} .titpdrol{height:18px; border-bottom:1px solid #eee; font-size:15px; padding:20px 0px; align-items:center; justify-content:center;} .titpdrol .pdrolj{text-transform:uppercase; font-family: 'Roboto', sans-serif; font-weight:900; color:#f99b7e;} .titpdrol i{font-size:20px; color:#ddd;} .iconp{float:left; background:#cc c; position:relative; padding:19px; margin-top:-20px; paddin:-20px 50px 0px; border-right:1px solid #eee; margin-right:30px;} .head2{height:150px; background:#ddd; border-bottom:1px solid #eee; width:510px;}.infpost{height:17px; background:#fff; border-bottom:1px solid #eee; text-align:left; font-size:11px; font-family: 'Merriweather', serif; padding:10px 30px; color:#777; font-style:italic;} .infpost i{color:#f99b7e; padding:0px 5px;} .aquiletra{ font-size:12px;font-family: 'Merriweather', serif; font-style:italic; display:flex; align-items:center;text-align:center; justify-content:center; padding:20px 0px;} .aquiletra i{color:#f99b7e; position:relative; font-size:30px; padding:0px 20px; display:block; opacity:.5; transform:rotate(12deg); margin:0px -14px; z-index:1;} .aquiletra .qtxt{position:relative; display:block; color:#777; z-index:3; } .textrol{padding:30px 40px;font-family: 'Merriweather', serif; color:#555; font-size:12px; text-align:justify; line-height:20px;} .cred{margin:3px auto; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;}.vdos{display:flex; justify-content:center;} .vdos img{width:255px; height:150px; outline:1px solid #eee;}</style>