The whole container should scale down proportionately. Other sections that are only image based work just as intended.
The video section is pretty much identical to my other sections that work fine but this one does not.
/* 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;}