Jupiler Pro League

<div class="PlHero">
  <div class="PlHeroBackground">
    <div class="PlHeroVideo">
      <iframe
        src="https://player.vimeo.com/video/1177723237?title=0&byline=0&portrait=0&muted=1&autoplay=1&autopause=0&controls=0&loop=1&app_id=122963"
        width="426"
        height="240"
        frameborder="0"
        allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share"
        referrerpolicy="strict-origin-when-cross-origin"
        title="hero-title"
        data-ready="true"
        style="width: 100%; height: 100%;"
      ></iframe>
    </div>
  </div>
</div>

<style>
  .PlHero {
    position: relative;
    z-index: 1;
    background: black;
  }

  .PlHeroBackground {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    width: 100%;
    min-height: 50dvh;
    background: url("https://statics-maker.llt-services.com/prl/images/2026/03/31/xlarge-wp/c29c0887-29c3-431d-812b-b027465cff06-249.webp") no-repeat center;
    background-size: cover;
  }

  .PlHeroVideo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    aspect-ratio: 16 / 9;
    min-width: 100%;
    min-height: 100%;
  }

  .PlHeroVideo::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgb(255 255 255 / 0) 0%, rgb(247 249 249 / 0) 96%, var(--color-neutral-20) 100%);
  }
</style>


Jupiler Pro League

Videozone