Мне нужно решение для наложения изображения элемента поверх другого? ⇐ CSS

[Anonymous]

Я пытаюсь создать веб-сайт потокового сервиса в качестве практики, но проблема в том, что я размещаю изображения, заголовки и списки эпизодов в виде столбцов и строк. Для изображения сверху над I я пробовал изменить поля или другие параметры, но это не сработало.
Я пытался изменить поля и, возможно, поместить на них контейнер, но это не помогло. не работает, я хочу, чтобы это было так:
существующий потоковый сервис
В конечном итоге он выстроился в очередь. Понравилось это:
Моя служба потокового вещания
Я хочу выстроить в ряд как минимум четыре столбца, содержащие постер, заголовок и серию. Сначала ряд в порядке, но второй и последующие накладываются поверх первого. Это код:

Код: Выделить всё

.column {
background-color: rgb(249, 215, 142);
float: left;
width: 200px;
padding: 20px;
height: 200px;
grid-template-columns: 1fr 1fr 1fr;
}

.row:after {
content: "";
display: grid;
clear: both;

}

Код: Выделить всё

[img]/Users/sebastianpendragon/Desktop/Software Engineer Project/Image Source/Oshi No Ko Season 2.jpg[/img]
    style="width:200px;height:270px; margin-bottom:10px; margin-right: 15px; border:none;">
Oshi No Ko Season 2
Episode 1
Sub


[img]/Users/sebastianpendragon/Desktop/Software Engineer Project/Image Source/Failure Frame Season 1.jpg[/img]
  alt="Failure Frame Season 1" style="width:210px;height:270px; margin-bottom:10px; margin-right: 15px">

Failure Frame
Season 1 Episode 1
Sub

[img]/Users/sebastianpendragon/Desktop/Software Engineer Project/Image Source/Vanguard Divinez Season 2.jpg[/img]
  alt="Vanguard Divinez Season 2" style="width:210px;height:270px; margin-bottom:10px; margin-right: 15px">

Vanguard Divinez Season 2
Episode 1
Sub

[img]/Users/sebastianpendragon/Desktop/Software Engineer Project/Image Source/Alya Sometimes Hides Her Feelings in Russian Season 1.jpg[/img]
    alt="Alya Sometimes Hides Her Feelings in Russian Season 1" style="width:210px;height:270px; margin-bottom:10px; margin-right: 15px">
Alya Sometimes Hides Her Feelings in Russian Season 1
Episode 1
Dub|Sub


[img]/Users/sebastianpendragon/Desktop/Software Engineer Project/Image Source/7th Time Loop The Villainess Enjoys a Carefree Life Married to Her Worst Enemy.jpg[/img]
      alt="7th Time Loop The Villainess Enjoys a Carefree Life Married to Her Worst Enemy Season 1" style="width:210px;height:270px; margin-bottom:10px; margin-right: 15px">
7th Time Loop The Villainess Enjoys a Carefree Life Married to Her Worst Enemy Season 1
Episode 1
Sub


[img]/Users/sebastianpendragon/Desktop/Software Engineer Project/Image Source/As A Reincarnated Aristocrat I[/img]
        alt="As A Reincarnated Aristocrat I'll Use My Appraisal Skill to Rise in The World Season 1" style="width:210px;height:270px; margin-bottom:10px; margin-right: 15px">
As A Reincarnated Aristocrat I'll Use My Appraisal Skill to Rise in The World Season 1
Episode 1
Dub|Sub


[img]/Users/sebastianpendragon/Desktop/Software Engineer Project/Image Source/Chillin[/img]
          alt="Chillin' in Another World with Level 2 Cheats Season 1" style="width:210px;height:270px; margin-bottom:10px; margin-right: 15px">
Chillin' in Another World with Level 2 Cheats Season 1
Episode 1
Dub|Sub


[img]/Users/sebastianpendragon/Desktop/Software Engineer Project/Image Source/Fairy Tail 100 Years Quest.jpg[/img]
            alt="Fairy Tail 100 Years Quest Season 1" style="width:210px;height:270px; margin-bottom:10px; margin-right: 15px">
Fairy Tail 100 Years Quest Season 1
Episode 1
Dub|Sub


[img]/Users/sebastianpendragon/Desktop/Software Engineer Project/Image Source/I Parry Everything.jpg[/img]
              alt="I Parry Everything Season 1" style="width:210px;height:270px; margin-bottom:10px; margin-right: 15px">
I Parry Everything Season 1
Episode 1
Dub|Sub

Кто-нибудь знает, как это исправить.

Подробнее здесь: https://stackoverflow.com/questions/789 ... of-another