.info {
  background:#FFF;
}

.youtube-gallery {
  display: flex;
  flex-wrap: wrap;
}

.gallery-item {
  display: flex;
  margin-bottom: 20px;
  width: 100%;
  align-items: stretch;
}

.thumbnail {
  margin-right: 20px;
  max-width: 400px;
/*
background:green;
padding 0, 0;
*/
}

.thumbnail img {
  max-width: 100%;
  height: auto;
/*
padding 0, 0;
margin:0;
*/
}

.info2 {
  flex: 1;
  width: 99%;
  min-width: 50%;
/*
background:red;
padding 0, 0;
*/
}

/* メディアクエリを使用して小さい画面サイズで縦並びに */
@media (max-width: 767px) {
  .gallery-item {
    flex-direction: column;
    align-items: center;
  }

  .thumbnail {
    margin-right: 0;
    margin-bottom: 10px;
    max-width: 100%; /* 縦並び時はthumbnailの幅を100%に */
  }
}