.organism.videos {
  /* Full width background with relative positioning for overlay */
  @apply w-full relative;
}

.organism.videos .background-image-overlay {
  /* Background image overlay positioning */
  @apply absolute inset-0 pointer-events-none;
  z-index: 0;
}

.organism.videos .container {
  /* Container for content with z-index to appear above background */
  @apply mx-auto px-4 relative;
  z-index: 1;
}

.organism.videos .videos-container {
  /* Spacing between multiple videos */
  @apply space-y-8;
}

.organism.videos .video-item {
  /* Individual video item styling */
  @apply w-full;
}

.organism.videos .video-title {
  /* Video title styling */
  @apply text-xl font-semibold mb-4 text-center text-gray-900;
}

.organism.videos .video-wrapper {
  /* Wrapper for responsive video */
  @apply mx-auto max-w-4xl;
}

.organism.videos .video-embed-container {
  /* Responsive video container */
  @apply relative w-full;
  aspect-ratio: 16 / 9;
}

.organism.videos .video-embed-container iframe {
  /* Responsive iframe styling */
  @apply absolute top-0 left-0 w-full h-full rounded-lg shadow-lg;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .organism.videos .video-title {
    @apply text-lg;
  }

  .organism.videos .video-embed-container {
    @apply mx-4;
  }
}

/* Multiple videos spacing adjustments */
.organism.videos .videos-container > .video-item:not(:last-child) {
  @apply mb-24;
}

/* Large screens - better spacing */
@media (min-width: 1024px) {
  .organism.videos .videos-container {
    @apply space-y-12;
  }
}