/* Aspect ratio container for videos */
.aspect-w-16 {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
  height: 0;
  overflow: hidden;
}

.aspect-h-9 {
  position: relative;
}

.aspect-w-16 iframe,
.aspect-w-16 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Responsive adjustments for video containers */
@media (max-width: 768px) {
  .md\:w-1\/3 {
    width: 100%;
  }
  
  .md\:w-2\/3 {
    width: 100%;
  }
  
  .md\:flex-row {
    flex-direction: column;
  }
  
  .rounded-l-md {
    border-radius: 0.375rem 0.375rem 0 0;
  }
}