Проблемы с макетом элемента ⇐ CSS

[Гость]

У меня проблемы с макетом элемента . Проблема в том, что он переполняется и добавляет вертикальную прокрутку (шириной 1839 пикселей и выше). При меньших разрешениях этого не происходит. Я хочу, чтобы все было идеально выровнено и помещалось в этот контейнер 100vh .App и чтобы не добавлялась прокрутка.

Я сделал простую репродукцию. Вам нужно открыть визуализированное решение на другой странице, чтобы увидеть смещение элемента .video-container. Открыв, вы увидите, что кнопка не помещается в 100vh.

воспроизведение кода — https://codesandbox.io/p/sandbox/optimi ... s%3A6%2C26

отрисованное решение на другой странице — https://5r5gq4.csb.app/