Я бы сделал это следующим образом:
Родитель у которого есть 3 дочерних элемента это наши video.
Родителю display: flex; justfiy-content: space-beetwen; align-items: center;
И все :)
В основном суть лежит за нагрузкой, я думаю есть пару вариантов. Добавить кнопку возможно при которой подгружаются записи там 100-200, ну или оптимальное кол-во или же прик скролле сделать так если возможно аяксом.
Я бы сверстал это так.
Родитель у которого есть 2 дочерних блока, родителю даем флекс и space-between. Дочерним даем макс ширину которую вы указали, и ширину 100 процентов. Первому дочернему даем флекс-direction: колона, второму также.
и дальше сами
p.s а чтобы выровнять align-items: flex-start; потому-что видно что блоки по верху отцентрированные
Делайте этот блок - без контейнера все просто.
Секция у нее два дочерних элемента, предположительно div. Секции задаете display: flex; и нужные настройки.
первому блоку даете фон, второй просто оформляете. Ничего сложного.