.videoFrame{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
    background-color: #f0f0f0; /* opcjonalnie */
    background-image: radial-gradient(circle at center center, transparent 0%,rgb(33,33,33) 99%),repeating-linear-gradient(0deg, rgba(163, 163, 163,0.2) 0px, rgba(163, 163, 163,0.2) 1px,transparent 1px, transparent 6px),repeating-linear-gradient(90deg, rgba(163, 163, 163,0.2) 0px, rgba(163, 163, 163,0.2) 1px,transparent 1px, transparent 6px),linear-gradient(90deg, rgb(33,33,33),rgb(33,33,33));;
}



.yt-wrap {
    /* wypełnia rodzica; ustaw max-width, jeśli chcesz zawęzić */
    width: 100%;
    max-width: 1200px;          /* opcjonalnie */
    margin-inline: auto;        /* centrowanie */
    aspect-ratio: 16 / 9;       /* zmień na 4/3, 9/16 itd. gdy potrzebujesz */
    background: #000;           /* ładny placeholder */
    border-radius: 12px;        /* opcjonalnie */
    overflow: hidden;
  }
  .yt-wrap > iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
  }

  /* Accessibility: jeśli ktoś woli mniej ruchu – wyciszamy autoplay (gdybyś dodał) */
  @media (prefers-reduced-motion: reduce) {
    .yt-wrap > iframe {
      animation: none !important;
    }
  }