Hope! Despair!

<link href="https://fonts.googleapis.com/css?family=Audiowide|Roboto" rel="stylesheet">
<style>
  .wantad { height: 602px; width: 375px; background-image: url(https://images.rpginitiative.com/uploads/monthly_2018_07/large.ffSJcCf.png.b78a3a444b47cb9823e542c2858c17c6.png); border: 2px solid #D1394B; border-radius: 250px 250px 0px 0px; position: relative;}
  .wantad1 {height: 602px; width: 375px; border-radius: 250px 250px 0px 0px; background-color: rgba(64,40,48,.5);}
  .gif { height: 180px; width: 320px; border: 2px solid #D1394B; position: absolute; top: 25px; left: 25px; border-radius: 250px 250px 0px 0px;}
  .gimme { height: 300px; width: 320px; border: 2px solid #D1394B; position: absolute; left: 25px; top: 275px;}
  .title { line-height: 1.5; height: 35px; width: 355px; padding: 10px; background: linear-gradient(to right, rgba(209,57,75,.25), rgba(209,57,75,.5), rgba(209,57,75,1)); position: absolute; top: 214px; font-family: 'audiowide', cursive; font-size: 25px; color: #E7DDD8; overflow: hidden;}
  .gimme2 { height: 264px; width: 284px; padding: 10px; background: #9B656C; position: absolute; left: 7px; top: 7px; border: 1px solid #BC908B; font-family: 'roboto', sans serif; font-size: 13px; color: #E7DDD8; overflow: auto; text-align: justify;}
  .creditgimme {font-family: 'space mono', monospace; color: black; font-size: 8px;}
  .creditgimme a {font-family: 'space mono', monospace; color: black; text-decoration: none; font-size: 8px;}

</style>
<center>
 <div class="wantad"><div class="wantad1">
   <div class="gif">
     <img src="https://placehold.it/320x180" style="border-radius: 250px 250px 0px 0px;">
   </div>
   <div class="title">
     Junko Enoshima
   </div>
   <div class="gimme">
     <div class="gimme2">
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a enim risus. Phasellus accumsan arcu eget turpis dignissim faucibus vel nec augue. Duis molestie lacinia luctus. Nulla faucibus ultricies augue nec consequat. Praesent vitae velit nunc. Donec suscipit in quam eget tincidunt. In viverra tortor id nisl interdum volutpat. Fusce ultrices mi in felis laoreet elementum. Ut ornare viverra tincidunt. Suspendisse et velit id felis pretium consectetur. Mauris et risus ornare, finibus dolor quis, molestie augue. Vestibulum tempor ex at suscipit suscipit. Duis nunc turpis, malesuada nec scelerisque in, dapibus quis nunc. Integer bibendum lacus lacus, quis interdum est aliquet at. Aenean ut sem eros.
<p>
Suspendisse potenti. Nulla nec tempus nisi. Quisque non nisi turpis. Vestibulum ut magna vel dolor vehicula vehicula ut sit amet nisi. Vivamus in tristique est. Suspendisse id nunc mauris. Quisque tincidunt turpis mi, id imperdiet felis molestie in. Proin cursus nisl in ante porttitor gravida. Donec vel eleifend lectus. Ut tempus est eget risus efficitur, quis laoreet est cursus.
<p>
Ut aliquam luctus accumsan. Vivamus massa magna, suscipit eu consequat eget, tristique quis felis. In at tortor facilisis, consectetur felis vel, tincidunt felis. Nam faucibus magna nec sem aliquam, ut vestibulum arcu dictum. Quisque vel malesuada lorem, a efficitur ipsum. Praesent vitae cursus eros. Etiam non suscipit orci. Quisque mattis nibh purus, sed ultrices elit iaculis in. Nullam varius scelerisque blandit. Quisque hendrerit dui ac tempus ullamcorper. Cras et consectetur nisi. Donec purus urna, varius ac augue quis, consectetur rutrum erat. Curabitur vitae semper lacus, eu vestibulum eros. Curabitur fermentum at dui ut feugiat. Ut id luctus nunc, a sodales orci. Cras consequat euismod quam sed ornare.
     </div>
   </div>
   </div>
   <div class="creditgimme"><a href="https://rpginitiative.com/profile/2592-penny/">♔</a></div>
 </div></center>