[html]<style>

@font-face {
  font-family: 'Borda';
  src: url('https://forumstatic.ru/files/001c/04/0a/49934.ttf')
}

:root {
--borda-font:'Borda';
}

#got-wrapper {
width:100%;
min-height:550px;
display:block;
overflow:hidden;
}

#got-wrapper h4 {
    display: block;
    position: absolute;
    font-size: 35px;
    color: white;
    padding: 20px 40px;
    right: 30px;
    z-index: 3;
    font-family: var(--borda-font);
    width: 49%;
    text-align: end;
    background: url(https://i.imgur.com/KRjKjYY.png) no-repeat;
}

#got-back {
    width: 773px;
    height: 100%;
    position: absolute;
    z-index: 0;
    mask: url(https://forumstatic.ru/files/001c/04/0a/88809.svg);
    mask-repeat: no-repeat;
    -webkit-mask-position-y: center;
    margin: -142px -44px;
}

.got-date-and-place {
    display: block;
    position: absolute;
    color: white;
    font-size: 15px;
    font-family: var(--borda-font);
    z-index: 3;
    margin: 65px 40px 15px 29px;
    background: url(https://i.imgur.com/bq3yhCd.png) no-repeat top;
    background-size: 78%;
    min-width: 250px;
    padding: 9px 25px 15px 79px;
}

#got-vert-text {
position: absolute;
    background: url(https://i.imgur.com/zq3dlP3.png) no-repeat top / cover;
    background-size: 70%;
    left: -50px;
    width: 250px;
    height: 490px;
    z-index: 10;
}

.got-gamers {
font-family: var(--borda-font);
    color: white;
    font-size: 15px;
    display: block;
    position: absolute;
    right: 0px;
    background: url(https://i.imgur.com/D2pGDJ1.png) no-repeat right;
    margin: 194px 30px;
    padding: 14px 33px 13px 17px;
    text-align: end;
    min-width: 300px;
    z-index: 3;
}

.got-desc {
position: absolute;
    right: 0px;
    font-size: 13px;
    max-width: 277px;
    background: url(https://i.imgur.com/vhzCxIc.png) no-repeat center;
    color: #dbdbdb;
    background-size: 92%;
    z-index: 3;
    padding: 77px 80px 22px 75px;
    top: 300px;
}

.ep-wrapper {
    width: 700px;
    height: auto;
    display: block;
    position: absolute;
    overflow: hidden;
    margin: auto;
    min-height: 560px;
}

.parallax {
    background-size: 800px;
    height: 600px;
    width: 726px;
    background-position: center center;
    position: absolute;
    z-index: 0;
    margin: -5px 0px 0px -19px;
    transition: transform 0.3s linear;

}

.got-one{
background: url(https://i.imgur.com/WrqXUgJ.png) no-repeat;
z-index:11;
}

.got-two{
background: url(https://i.imgur.com/ZMdExQA.png) no-repeat;
z-index:2;
}

.got-three {
    background: url(https://i.imgur.com/hADI6MK.png) no-repeat;
    z-index:2;
}

.got-four{
    background: url(https://i.imgur.com/FfjkQRh.png) no-repeat;
z-index:2;
}

#stupid-leaf {
        margin: 164px 150px 100px 309px;
    position: absolute;
    z-index: 2;
}
</style>

<section id='got-wrapper'>
<h4>Tracking a Predator</h4>
<div id='got-vert-text' />
<div class='got-date-and-place'>15.12.1274<br>Tsushima, Toyotama</div>
<div class='got-gamers'>Jin Sakai, Sadanobu Ishikawa</div>
<div class='got-desc'>Следы Томоэ все еще были потеряны, а события после захвата замка Шимуры не оставили много времени для иных дел, кроме поисков и планов по уничтожению Хотун-Хана и его войска. Но талантливая лучница и её отряд - слишком большая угроза. Поэтому сэнсэй Ишикава и Джин вновь вернулись к поискам, чтобы устранить эту угрозу. И узнали о возможной размолвке между монголами и Томоэ...

</div>

<img id='stupid-leaf' src='https://i.imgur.com/PZLmPs4.png'></img>

<div class='ep-wrapper'>
<div class="parallax got-one" data-speed="0.02" />
<div class="parallax got-two" data-speed="0.04" />
<div class="parallax got-three" data-speed="0.06" />
<div class="parallax got-four" data-speed="0.1" />
</div>

<video id='got-back' src="https://cdn.discordapp.com/attachments/287941957211127809/1272539622894997614/Desktop_2024.08.11_-_15.08_online-video-cutter.com_3.mp4?ex=66bc0120&is=66baafa0&hm=25b960e05a7f462b0287b6c5e3ebf1159903ecd9193e807f4668e2c10bf1e0a4&" autoplay loop muted></video>
</section>

<script src='https://forumstatic.ru/files/001c/04/0a/78653.js' defer></script>[/html]

Подпись автора

подпись с картинкой в правом углу
КАРТИНКА