.video-gallery-wrapper {
  max-width: 1050px;
  margin: 40px auto;
  padding: 0 20px;

  @media(min-width: 1140px) {
    padding: 0;
  }
}

.video-gallery-wrapper h1 {
  margin-bottom: 20px;
}

.video-gallery-wrapper .paragraph {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

.video-gallery-wrapper .paragraph .media {
  width: 100%;
}

.video-gallery-wrapper .paragraph .media,
.video-gallery-wrapper .paragraph > div {
  box-sizing: border-box;
  margin: 0;
  @media(min-width: 768px) {
    flex: 0 0 calc(50% - 10px);
  }
}

.video-gallery-wrapper video,
.video-gallery-wrapper iframe {
  max-width: 100%;
}

.video-gallery-wrapper iframe,
.video-gallery-wrapper video {
  min-height: 280px;
  width: 100%;

  @media(min-width: 768px) {
    min-height: 200px;
  }

  @media(min-width: 992px) {
    min-height: 280px;
  }
}