Baul sin JS :( Parte3

<link href="https://fonts.googleapis.com/css?family=Barlow:600|Great+Vibes&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">

<div class="fond"><div class="plantill" id="ptwo"><div class="costadoIzq"><div class="textt tttwo">There is no one who loves <span style="color:#E0CC9C">pain</span> itself.</div></div><div class="cuadro"><div class="imgchi" style="background:#E0CC9C;"><span class="lnr lnr-heart-pulse" id ="icpla" style="color:#fff;position:relative;top:41px;"></span></div><div class="imgchi" style=" background:url(https://66.media.tumblr.com/ee3f2b06fed1381830c48e17c2c8d7cc/tumblr_ptse7aJ2y01vfkzago6_250.jpg);background-size:cover;"></div><div class="imgchi"style=" background:url(https://66.media.tumblr.com/0cf50d7d7253d0172d3d55dc63bb3209/tumblr_ptse7aJ2y01vfkzago7_250.jpg);background-size:cover;"></div><div class="imgchi" style="background:#E0CC9C;"><span class="lnr lnr-apartment" id ="icpla" style="color:#fff;position:relative;top:41px;"></span></div></div><div class="imgchiqu" style="background:url(http://via.placeholder.com/63)"></div><div class="cred" style="margin-top:19px;"><a href="https://bettyleg.tumblr.com/">BettyLeg</a></div></div></div>

<style>.fond{ width:500px; height:355px; border:1px solid #eee; margin:20px auto; padding:10px; background:#FBFAFA; outline:1px solid #eee; outline-offset:8px; } .cred{font-family:arial; text-transform:uppercase; font-size:8px;} .cred a{color:#ccc!important; text-decoration:none;}.plantill{ width:440px; height:290px; background:#fff; padding:30px; outline:1px solid #eee;} .costadoIzq {width:60px; height:220px; background:#fafafa; outline:1px solid #eee; outline-offset:6px; margin-left:-2px;} .cuadro{width:260px; height:230px; background:#fafafa; outline:1px solid #eee; margin-top:-220px; outline-offset:6px; margin-left:110px; border:30px solid #fafafa; font-size:12px; text-align:justify; overflow:auto; padding-right:10px; color:#888; line-height:14px;}.textt{font-size:8px; text-transform:uppercase;  width:340px; background:# ddd; margin:0px auto; position:relative; top:20px; color:#999;font-family: 'Barlow', sans-serif; letter-spacing:2px; font-weight:600;}.tttwo{transform: rotate(-90deg); width:200px!important; top:0px; margin-left:-70px; position:relative; top:100px; text-align:center; line-height:12px;}.cuadro{display:grid; grid-template-columns: auto auto;} .imgchi{width:129px; height:114px; background:#ddd;text-align: center; line-height: 3.7; font-size: 30px;}.imgchiqu{width:63px; height:63px; background:#ddd; float:left; top:-54px; position:relative; outline:1px solid #eee; outline-offset:6px; left:-3px;} #icpla{font-size:25px;position:relative; top:3px; color:#E0CC9C;} </style>