Изменение размера видео в CSS Flex Box ⇐ CSS

[Anonymous]

Весь контейнер должен пропорционально уменьшиться. Другие разделы, состоящие только из изображений, работают так, как задумано.
Раздел видео практически идентичен другим моим разделам, которые работают нормально, а этот нет.
/* VIDEO SECTION */
.video {
display: flex;
height: 30rem;
padding: 6rem 2rem 5rem 2rem;
}
.video h2 {
font-family: "Noto Sans Mono";
font-weight: 300;
align-self: flex-start;
padding-right: 2.8rem;
padding-top: 8rem;
}
.videos {
max-width: 100%;
width: 90%;
margin: auto;
display: flex;
flex-direction: column;
justify-content: center;
gap: .5rem;
padding-left: 5rem;
padding-right: 2.8rem;
border-left: solid black .07rem;
}
.vid {
width: auto;
height: auto;
max-height: 250px;
object-fit: cover;
}
.row1 {
display: flex;
flex-direction: row;
justify-content: center;
gap: .5rem;
}
.row2 {
display: flex;
flex-direction: row;
justify-content: center;
gap: .5rem;
}


Подробнее здесь: https://stackoverflow.com/questions/788 ... s-flex-box