[html]<style>@import url('https://fonts.googleapis.com/css?family=DM+Serif+Display:400,400i&display=swap');
#birdbox{display:block; width:500px; height:330px; max-height:330px; overflow:auto; padding:10px 50px;
background: linear-gradient(90deg, rgba(0,0,0,0) 27%, rgba(0,0,0,0.98) 55%),
url(https://pa1.narvii.com/7084/7152017f48a … 300_hq.gif) 0% 0% no-repeat #000000;
}

.birdtext { background: linear-gradient(to bottom, #e4dfd5 0%, #d6c294 100%);
box-shadow: 0 0 8px #b59150 inset; color:#080808;
width:210px; padding: 15px 20px; margin-left:250px; -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg);  transform: skewX(-10deg); }

.birdtext2 {padding:0;max-height:96px; overflow:auto; text-align:center; font-family: Tahoma, serif; font-size:11px; -webkit-transform: skewX(10deg); -ms-transform: skewX(10deg); transform: skewX(10deg);}

.birdtitle {width: 250px; margin: 12% auto 13% 260px; text-align:center;}

.birdtitle>em {display:block; margin-bottom:10px; color: #e0c790;
font-style: normal !important; font-variant:small-caps; font-family: "DM Serif Display", Georgia, serif !important;
font-size: 32px; line-height:50%; }

.birdtitle>span {color: #a5a5a5; font-family: Georgia, serif !important; font-size: 12px;}
.birdtext2::-webkit-scrollbar {width:4px; border:none; background:#bda073;}
.birdtext2::-webkit-scrollbar-thumb {width:4px; border:none; background:#efe4c4;}
</style>
<div id="birdbox"><div class="birdtitle">
<!--  НАЗВАНИЕ и УЧАСТНИКИ  -->
<em>Memento mori</em>
<span>Вильгельм ✼ Люциус ✼ Артемис ✼ Дэн ✼ Стефан</span></div>

<div class="birdtext"><div class="birdtext2">
<!--  ОПИСАНИЕ  -->
Занавесьте шторы.<br>
Приглушите свет.<br>
Налейте вина в бокал.<br>
Мы расскажем вам страшную историю.

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