[html]<style>#ship0 {
    --mrs0: auto;
    --bgs0: #ffffff3d;
    --cls0: #111;
    --shw0: 500px;
    --shh1: 203px;
    --shh2: 100px;
    --brs0: #e6e6e6;
}
#ship0 {display:grid; grid-template-columns:auto auto; grid-template-rows:1fr auto; margin: 10px auto 10px var(--mrs0); max-width:var(--shw0); overflow:hidden; background:var(--bgs0); color: var(--cls0);}
#ship0, #ship0 * {box-sizing:border-box; /* shipovnik */}
.apict {grid-column: 1 / 2; grid-row: 1 / -1; background: no-repeat 50% 50%; background-size:cover; width:var(--shw1); height:var(--shh1); overflow:hidden; clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 100%);}
.atext {grid-column: 2 / 3; grid-row: 1 / 2; display:block; padding: 24px 24px 0 24px;}
.atext > em {
    display: block;
    padding: 6px 0;
    line-height: 100%;
    text-align: center;
    font-style: normal !important;
    font-family: 'Jost';
    font-weight: bold;
    font-size: 15px;
    border: 1px solid #cbab94;
    width: 260px;
    margin: 0 0 6px auto;
}
.atext > em2 {
    display: block;
    padding: 6px 0;
    line-height: 100%;
    text-align: center;
    font-style: normal !important;
    margin-bottom: 26px;
    font-family: 'Jost';
    font-weight: bold;
    font-size: 10px;
    border: 1px solid #21212178;
    text-transform: uppercase;
    width: 260px;
}
.anzv {grid-column: 2 / 3; grid-row: 2 / 3; display:block; position:relative; padding: 0px 24px 12px calc(var(--shw1) / 2); margin-left: calc(0px — var(--shw1)); text-align:center;}
.anzv > span {display:block; padding:0 !important; width:100%; height:0px; background:transparent; border-bottom: 6px solid var(--brs0);}
.anzv > h6 {transform: translateY(-70%); text-shadow: 1px 1px 3px var(--brs0); font-family: Georgia, Tahoma, serif; font-weight: 400; font-style: italic; font-size: 26px;}
.atext p::-webkit-scrollbar {width:5px; height:5px; background-color: rgba(255, 255, 255,1);}
.atext p::-webkit-scrollbar-thumb {background:#bdbdbd; box-shadow:inset 0 0 0 2px var(--bgs0);}
/* becoming an expert at forgetting */
.atext > p {padding: 0 5px 0 0 !important; overflow: auto; line-height: 130% !important; height: var(--shh2); font-size: 11px;
text-align: center; font-style: italic;
}</style>

<div id="ship0"><div class="anzv">
  <div class="apict" style="background-image:url(https://i.pinimg.com/originals/d0/74/81 … 6f2329.gif);"></div>
  <div class="atext"><em>

Finnick Odair // Johanna Mason

  </em>

<em2>

the 72nd annual Hunger Games // the Capitol

  </em2><p>

сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет сюжет

  </p></div>
 

  </div></div>[/html]