I did it all - Misceláneo

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
<div class="bcon1">
  <div class="bbar"></div>
  <div class="bcon2">
    <div class="btit">Hope when the moment comes,
You'll say I did it all</div>
    <div class="btxt1">Cupcake ipsum dolor. Sit amet danish halvah caramels chocolate cake jelly-o pastry. Ice cream sweet roll I love marzipan.</div>

  </div>
  <div class="bcon3">
    <div class="bcinf1" style="background:var(--bimg1) center;">
      <div class="bcinf2" style="background:var(--bfon1);">
        <div class="btit2">Titulo Fabuloso</div>
        <div class="btxt2">Cotton candy I love caramels I love soufflé cotton candy danish halvah. Powder candy cheesecake. Cake pudding soufflé danish. Icing macaroon liquorice gingerbread oat cake marshmallow cookie dessert.</div>
      </div>
    </div>
    <div class="bcinf1" style="background:var(--bimg2) center;">
      <div class="bcinf2" style="background:var(--bfon2);">
        <div class="btit2">Titulo Fabuloso</div>
        <div class="btxt2">Cotton candy I love caramels I love soufflé cotton candy danish halvah. Powder candy cheesecake. Cake pudding soufflé danish. Icing macaroon liquorice gingerbread oat cake marshmallow cookie dessert.</div>
      </div>
    </div>
    <div class="bcinf1" style="background:var(--bimg3) center;">
      <div class="bcinf2" style="background:var(--bfon3);">
        <div class="btit2">Titulo Fabuloso</div>
        <div class="btxt2">Cotton candy I love caramels I love soufflé cotton candy danish halvah. Powder candy cheesecake. Cake pudding soufflé danish. Icing macaroon liquorice gingerbread oat cake marshmallow cookie dessert.</div>
      </div>
    </div>
</div>
  <div class="bbar2"></div>
<div id="myscr"><a href="https://mystiqueworkshop.tumblr.com/">MYSTIQUE</a></div>
</div>
<style>
.bcon1{--bfond: #FFFFE7; --bacento: #FE9EA0; --bfon1:#FBE5EE; --bfon2: #E1F8E5;--bfon3:#E2FBFB; --btexto:#222; --bfuente: 'Montserrat'; --bimg1:url('https://placehold.it/140x150'); --bimg2:url('https://placehold.it/140x150'); --bimg3:url('https://placehold.it/140x150');}
.bcon1{width: 500px; padding: 15px; height: 425px; background: var(--bfond); margin: 0 auto; color: var(--btexto);}
.bbar{width: 500px; height: 30px; background: var(--bacento);}
.bbar2{width: 500px; height: 30px; background: var(--bacento); margin-top: 100px;}
.bcon2{display: flex; margin-top: 20px; height:50px;}
.btit{font: 18px var(--bfuente); height: auto; text-transform: uppercase; width: 270px; line-height: 24px; margin-left: 10px; text-decoration: underline var(--bacento);}
.btxt1{width: 180px; padding: 10px; position: absolute; margin-left: 290px; font: 11px var(--bfuente); text-align: justify; border-left: 2px solid var(--bacento);}

.bcon3{width: 500px; margin: 0 auto; margin-top: 40px; display: flex;}
.bcinf1{width: 140px; height: 150px; margin: 0 auto; background-size: cover; object-fit: cover;}
.bcinf2{width: 140px; height: 100px; padding: 10px; position: absolute; margin-top: 120px; margin-left: -10px;}
.btit2{text-align: center; font: 15px var(--bfuente); border-bottom: 2px solid var(--bacento); border-top: 2px solid var(--bacento);margin-top: 2px; }
.btxt2{width: 135px; padding: 2px;  height: 70px; margin: 0 auto; margin-top: 4px; font: 11px var(--bfuente); text-align: justify; overflow: auto;}
#myscr{font-family: 'Century Gothic'; font-size: 11px; text-align: center; margin: 0 auto; margin-top: 20px;} #myscr a{color: var(--bacento);text-decoration: none;}


.btxt2::-webkit-scrollbar{width:4px;} .btxt2::-moz-scrollbar{width:4px;}
.btxt2::-webkit-scrollbar-thumb:vertical{ background-color: var(--bacento);}
.btxt2::-moz-scrollbar-thumb:vertical{background-color: var(--bacento);}
</style>