section.media {  }
section.media > .wrap { padding: 0; gap: 0; flex-wrap: wrap; position: relative; background-color: var(--beige); }
section.media > .wrap .image { width: 100%; background-position: left center; background-size: cover; }
section.media > .wrap .video video { width: 100%; object-fit: cover; }
section.media > .wrap .video-embed { position: relative; width: 100%; overflow: hidden; }
section.media > .wrap .video-embed iframe { position: absolute; top: 0; left: 0; }
section.media > .wrap .gradient { height: 16vh; width: 100%; position: absolute; left: 0; }
section.media > .wrap .gradient.top { background: linear-gradient( to bottom, var(--white) 0%, rgba(255, 255, 255, 0) 100%); top: 0; }
section.media > .wrap .gradient.bottom { background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, var(--white) 100%); bottom: 0; }