.video-container {
  flex: 1 1 40%;
  margin-right: 1rem;
}

.video-container video {
  width: 80%;
  height: auto;
  border-radius: 3px;
  object-fit: cover;
}


/* Media Queries for responsiveness */

@media (max-width: 1024px) {
  .video-container video {
    width: 100%
  }

  .video-container {
    margin-right: 2rem;
  }
}

@media (max-width: 768px) {
  .content {
    row-gap: 30px;
  }

  .video-container {
    flex: 1 1 100%;
  }

  .text-container {
    flex: 1 1 100%;
  }

  .video-container {
    margin-right: 1rem;
  }
}