div.col2 {
  margin: 5rem auto;
  display: grid;
  grid-template-columns: auto 1fr ;
}
div.col2 > * {
  max-width: 25rem;
  margin: 1rem;
}
div.col2 > div:first-of-type {
  background-color: #EDEDED;
  padding: 0 2em;
}
div.banner img {
  max-height: 26rem;
}

div.youtube-frame {
  margin: 2rem 0;
}
div.youtube-frame > img {
  max-width: 40rem;
  <!-- margin: 3em auto; -->
}
.youtube-frame {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: calc( var( --aspect-ratio, 0.5625) * 100% );
}
.youtube-frame > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

ul.subtitle { font-weight: bold; color: var( --color-grey ); }