Baul sin JS :( Parte2

<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="pone" ><div class="titplan"><span style="color:#E0CC9C">A</span>bout me...</div><div class="imagenuno" style="background:url(http://via.placeholder.com/200x150); background-size:cover;"></div><div class="textouno">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc feugiat elit tortor, at mollis sem sodales et. Nulla quis malesuada ligula. Donec quis sodales libero, in interdum velit. Phasellus fermentum pharetra erat vitae fringilla. Etiam efficitur elementum tortor, vel iaculis orci gravida ac. Nulla facilisi. Nam vitae diam non purus congue rutrum in at lorem. Nulla facilisi. Maecenas quis erat et elit tempus commodo eget eu erat. Donec tellus nisl, lacinia quis tempus fermentum, suscipit nec enim. Morbi vitae imperdiet leo. Integer laoreet a nisl in venenatis. Nullam molestie libero quis nisi vehicula congue. Nunc felis leo, aliquet vitae enim sed, interdum molestie augue.</div><div class="imgchiq" style="background:url(http://via.placeholder.com/63)"></div><div class="parteDeAbajo1"><div class="textt">There is no one who loves <span style="color:#E0CC9C">pain</span> itself, who seeks after it and wants to have it, simply because <span style="color:#E0CC9C">it is pain</span>.</div></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;}.titplan{font-family: 'Great Vibes', cursive; font-size:35px; margin-left:20px; color:#555; position:relative; margin-bottom:30px; text-align:center; width:150px; margin-top:12px;} .imagenuno{width:200px; height:150px; background:#ddd; margin-top:3px; outline:1px solid #eee; outline-offset:6px;} .textouno{line-height:13px;width:165px; height:160px; background:#fafafa; margin-top:-200px; margin-left:230px; outline:1px solid #eee; outline-offset:6px; overflow:auto; font-size:10px; text-align:justify; color:#777; border:20px solid #fafafa; padding-right:10px;} .parteDeAbajo1{width:370px; height:63px; background:#fafafa; margin-left:78px; margin-top:26.4px; outline:1px solid #eee; outline-offset:6px; } .textt{line-height:12px;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;} .imgchiq{width:63px; height:63px; background:#ddd; float:left; top:26px; position:relative; outline:1px solid #eee; outline-offset:6px;} </style>