[html]<div id="ave">
<div class="nameplate1"></div>
<div class="name1">I'm watching</div>
<div class="gif1"><img src="https://imgur.com/nuWJKHs.gif"></div>
<div class="nameplate2"></div>
<div class="name2">behind you</div>
<div class="gif2"><img src="https://imgur.com/TidI5Pv.gif"></div>
<div class="replycontain">

<p>Аллоха <s>крестьяне хд</s> домочадцы! <img src="https://imgur.com/sd5bI4W.gif">
<p>
Уже оценили супер-пупер-крутой дизайн? А он есть <s>но не у нас хд</s> и дружненько целуем ручки нашей прекрасной Рутти - Тутти - Фрутти, лучшей из нас, кто шарит в фотожопе хд И, говоря из нас, я имею ввиду и <b>нового</b> одмена! Да-да, мы же обещали пополнение :3 Прошу любить и жаловать - <b><a href="https://thedome.rusff.me/profile.php?id=209">Джун</a></b>! Это она дала нам новые коды для дизайна, но я вам не говорил хд <s>я там ток языком чесал, чесн слово хд</s>
<p>
А вы не забыли про наш подвал дома? Там в кандалах новая жертва - <b>Сильвер Вайлд</b>, у вас есть шанс узнать поближе блохастую :3 Удивительно, как полюбилась местная дикая стая, не поменять ли фамилию?хдд
<p>
Мы хотим и дальше развивать идею с внедрением артефактов на нашу с вами игру, а потому было принято решение добавить одну замечательную позицию в банке. Теперь, выиграв артефакт, вы имеете возможность <b>продлить</b> его ещё на месяц за форумную валюту. И так до бесконечности хд <s>шучу, конечно </s> В списке артефактов будет обозначено, сколько раз возможно продление =) Самое время начать копить бабки, впереди ожидается добавление новых пунктов) <s>когда-нибудь хд</s>
<p>
Впереди нас ждёт ещё много интересного, так что не расслабляем булки и не забывайте, вас всегда <b>ждут</b> дома <img src="https://imgur.com/oJ1Em3u.gif">
<p>
</div>
<div class="quote1">Fall River Reporter </div>
<div class="quote2">#новости_тони #новый_одмен #новый_диз</div>
</div>

<style>
/* шаблон новостей */
  #ave {
    position: relative;
    width: 850px;
    height: 490px;
    margin: 0 auto;
    background: url(https://forumupload.ru/uploads/001b/60/aa/48/673453.png) center;
    background-size: cover;
    padding: 30px 0 0;
  }

  .side-img1 {
    position: absolute;
    left: 0px;
    width: 162px;
    height: 500px;
  }

.replycontain img {
    object-fit: cover;
}

  .side-img2 {
    position: absolute;
    right: 0px;
    width: 162px;
    height: 500px;
  }

.name1 {
    position: absolute;
    bottom: 78px;
    left: 83px;
    font: bold 29px 'Bebas Neue';
    letter-spacing: 2px;
    color: var(--color-white);
    transform: rotate(-90deg);
}

  .nameplate1 {
    position: absolute;
    bottom: 0px;
    left: 130px;
    background: var(--color-accent);
    width: 45px;
    height: 200px;
  }

  .gif1 {
    position: absolute;
    width: 45px;
    height: 45px;
    left: 130px;
    bottom: 210px;
    border: solid 1px var(--color-accent);
    transition: all .8s ease-in-out 0s;
    background: var(--color-white);
  }

.name2 {
    position: absolute;
    bottom: 65px;
    right: 88px;
    font: bold 29px 'Bebas Neue';
    letter-spacing: 2px;
    color: var(--color-white);
    transform: rotate(-90deg);
}

  .nameplate2 {
    position: absolute;
    bottom: 0px;
    right: 130px;
    background: var(--color-accent);
    width: 45px;
    height: 200px;
}

.gif2 img {
    mix-blend-mode: multiply;
    filter: grayscale(100%) brightness(1.1) contrast(1.1) opacity(90%);
    width: 45px;
    height: 45px;
    object-fit: cover;
}

.gif1 img {
    mix-blend-mode: multiply;
    filter: grayscale(100%) brightness(1.1) contrast(1.1) opacity(90%);
    width: 45px;
    height: 45px;
    object-fit: cover;
}

  .gif2 {
    position: absolute;
    width: 45px;
    height: 45px;
    right: 130px;
    bottom: 210px;
    border: solid 1px var(--color-accent);
    transition: all .8s ease-in-out 0s;
    background: var(--color-white);
  }

  .replycontain {
    position: absolute;
    top: 145px;
    left: 195px;
    width: 420px;
    height: 320px;
    padding: 20px;
    text-align: justify;
    overflow: auto;
    line-height: 15px;
    background: var(--color-main);
    outline: 1px solid var(--color-border);
  }

.quote1 {
    color: var(--color-white);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: var(--font);
    font-size: 40px;
    margin-top: 40px;
}

.quote2 {
    color: var(--color-accent);
    font-size: 9px;
    letter-spacing: 1px;
    text-align: center;
}

.face img {
    width: 100px;
    height: auto;
    float: left;
    margin: 10px 10px 5px;
    border: 1px solid var(--color-accent);
}

</style>[/html]