.media {
  display: flex;
  flex-direction: column;
  gap: 10px; /* Add space between the videos */
}

.section-1-video {
  width: 100%;
  height: 45%; /* Makes videos half the height */
  object-fit: contain;
  margin: 0.5%;
}

.section-3-video {
  width: 100%;
  height: 40%; /* Makes videos half the height */
  object-fit: contain;
  margin-bottom: 0.3%;
}

.reference-text {
    font-style: italic;
    font-size: 0.5rem;
    text-align: center;
}

.reference-text2 {
    font-style: italic;
    font-size: 0.8rem;
    text-align: center;
}