Код:

[html]<link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Cuprum&display=swap" rel="stylesheet"><style>
.ship7 {
  --shtxt: #8fded9;   /* текст в заголовках*/
  --shbg: #090a26; /* фон в заголовках */
  --shbrd: #8fded9; /* границы заголовка и картинки */
  --shots: 14px;   /* отступы эпизодов друг от друга */
  --shotg:30px;   /* отступ текста от картинки */
  --shotz: auto auto 20px -40px;   /* отступ заголовка эпизода*/
  --shgrad: linear-gradient(90deg, transparent 10%, #090a26 50%, transparent 90%);
}
.ship7 {max-width:800 px;  /* ограничиваем ширину блока*/
position:relative; overflow:hidden; box-sizing:border-box; display:grid; grid-template-columns: 150px auto; align-items: start; margin: 8px auto auto 2em;}
.ship7 * {box-sizing:border-box;}
.ship7 *::-webkit-scrollbar {width:3px; height:3px; background: rgba(0, 0, 0, 0.05);}
.ship7 *::-webkit-scrollbar-thumb {background: var(--shbg);}
.ship7 *::-webkit-scrollbar-corner {background: transparent;}
.ship7 .sh1 {display:block; min-height: 100px; height:100%; padding:0px !important; background: var(--shbg) 20% 0% repeat; border: 0px solid var(--shbrd);} /* shipovnik */
.ship7 .sh2 {display:block; height: 100%; width: auto; padding:20px 0px 0px var(--shotg);}
.ship7 .sh3 {display:block; margin-top:15px;}
.ship7 .sh3:nth-child(1) {margin-top:0px;}
.ship7 h7 {font-family: 'Cuprum', Georgia, serif; font-size: 18px; display:block; background:var(--shbg); color:var(--shtxt); padding: 8px 14px 7px; width: 85%; margin: var(--shotz); border: 2px solid var(--shbrd);}
.ship7 p.sh5 {display:block; overflow:auto; scroll-behavior: smooth; padding-right:8px; max-height: 60px;}
.ship7 .sh4-act, .ship7 .sh4-froz, .ship7 .sh4-clos, .ship7 .sh4-forg{display: inline-block; width: 233px; height: 42px; margin: 5px 5px 15px 5px; text-align: justify; font-size: 11px; }
.ship7 .sh4-act:last-child, .ship7 .sh4-froz::last-child, .ship7 .sh4-clos:last-child, .ship7 .sh4-forg:last-child {margin-bottom:0px;}
.ship7 .sh4-act:last-child::after , .ship7 .sh4-froz:last-child::after , .ship7 .sh4-clos:last-child::after , .ship7 .sh4-forg:last-child::after {display:none;}

.ship7 .sh4-act::before, .ship7 .sh4-froz::before, .ship7 .sh4-clos::before, .ship7 .sh4-forg::before{
    display: block;
    position: absolute;
    margin-top: 0px;
    margin-left: -25px;}
.ship7 .sh4-act::before{content: url(https://forumupload.ru/uploads/001c/5b/cc/8/190924.webp);}
.ship7 .sh4-froz::before{content: url(https://forumupload.ru/uploads/001c/5b/cc/8/404930.webp);}
.ship7 .sh4-clos::before{content: url(https://forumupload.ru/uploads/001c/5b/cc/8/223147.webp);}
.ship7 .sh4-forg::before{content: url(https://forumupload.ru/uploads/001c/5b/cc/8/813845.webp);}
.ship7 a.epss {font-family: 'Oswald', Tahoma, sans-serif; font-size: 15px; display:block; width:max-content;}
.ship7 .pers {font-size: 12px; font-family: Tahoma, sans-serif; color: rgba(0, 0, 0, 0.6); font-style:normal !important; display:block; width:max-content; margin: 3px auto 5px 0px;}
</style><div class="ship7"><!-- START -->

<div class="sh1" style="background-image:url(https://forumupload.ru/uploads/001c/5b/cc/8/677397.jpg);"></div><div class="sh2">


<!-------- ПЕРВЫЙ ГОД -------->
  <div class="sh3"><h7> 2123 </h7>

  <div class="sh4-froz"> <a href="#" class="epss">  Название замороженного эпизода  </a> 
  <em class="pers">  Перс1, Перс2</em>
  <p class="sh5">
[i]00 месяца. место[/i]<br>
Описание и всякое такое.
</div>

  <div class="sh4-act"> <a href="#" class="epss">  Название открытого эпизода  </a> 
  <em class="pers">  Перс1, Перс2</em>
  <p class="sh5">
[i]00 месяца. место[/i]<br>
Описание и всякое такое.
</div>

  <div class="sh4-forg"> <a href="#" class="epss">  Название забытого эпизода</a> 
  <em class="pers">  Перс1, Перс2</em>
  <p class="sh5">
[i]00 месяца. место[/i]<br>
Описание и всякое такое.
</div>

  <div class="sh4-clos"> <a href="https://australis.rusff.me/viewtopic.php?id=59" class="epss">  Генетическое ралли  </a> 
  <em class="pers">  Август, Лекс</em>
  <p class="sh5">
[i]10 июля. Автодром "X-Race"[/i]<br>
Внезапные семейные связи и всякое такое.
</div>

</div><!-- КОНЕЦ ГОДА -->



<!-------- ВТОРОЙ ГОД -------->
    <div class="sh3"><h7> 2124 </h7>


</div><!-- КОНЕЦ ГОДА -->

<!-------- ТРЕТИЙ ГОД -------->
    <div class="sh3"><h7> 2125 </h7>


</div><!-- КОНЕЦ ГОДА -->


<!-- END --></div></div>[/html]