.video-page {
  margin-top: 30px;
}

.video-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 0.7rem;
  flex-wrap: wrap;
}

.video-container .card-video {
  border: 1px solid #ccc;
  border-radius: 7px;
}

.video-container .card-video .card-video-text {
  padding: 0.7rem 0.3rem;
}

.video-container .card-video .card-video-text > h4 {
  font-size: 14px;
  font-weight: bold;
}

.video-container .card-video .video > video {
  width: 500px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

@media (max-width: 767px) {
  .video-container .card-video .video > video {
    width: 350px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
  }
}