.video-container {
position: relative;
width: 100%;
max-width: 800px; margin: 0 auto 30px;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
} .video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); } @media (max-width: 767px) {
.video-container {
max-width: 100%;
margin-bottom: 20px;
}
}