[html]<style>#ship0 {
--mrs0: auto; /* отступ слева, auto - для центровки */
--bgs0: #767a86; /* фон карточки */
--cls0: #111; /* цвет текста */
--shw0: 650px; /* ширина карточки */
--shw1: 200px; /* ширина картинки */
--shh1: 350px; /* высота картинки */
--shh2: 220px; /* высота блока с описанием */
--brs0: #6e6045; /* цвет внутренних рамок */
}
#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; margin-bottom:26px; font-size: 10px; border-bottom: 1px solid var(--brs0); border-top: 1px solid var(--brs0);}
.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);}
/* ТЕКСТОВЫЙ БЛОК */
.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="apict" style="background-image:url(
);"></div>
  <div class="atext"><em>

НАТАША РОМАНОФФ

  </em><p>

Наташа является отлично подготовленным разведчиком, контрразведчиков и убийцей. Прошла подготовку и изначально работала в КГБ СССР, после долгое время работала на секретную организацию Щ.И.Т. После распада организации вошла в состав команды Мстители. В отличие от большинства членов команды фактически является обычным человеком и полагается на оружие и навыки рукопашного боя. Одним словосочетанием - огонь женщина.
Больше рыжих и горячих девушек должно быть тут у нас. И конечно же мы нуждаемся в Наташе. Прекрасная шпионка, мамочка всея Мстителей. Кто-то же должен собирать игрушки, которые мальчишки разбрасывают. Да-да, знаю, что у нас есть тот факт, что мамми немного мертва, но это легко поправимо, когда в детском саду Мстителей есть ведьма хаоса. Все поправимо в этом мире, главное, чтобы Нат была с нами. </p></div>
  <div class="anzv"><span></span>

<h6> MARVEL </h6>

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