<div class="relative overflow-hidden isolate"> <div class="absolute -z-10 w-screen h-4/6 bg-black"> <img src="/assets/images/h/dsc02333-c0vk7vq02rfqhgx.jpeg" class="w-full h-full object-center object-cover opacity-20 grayscale" alt=""/> </div> <h3 class="pl-5"> </h3> <div class="swiper-gallery mx-2 md:mx-12" data-perrow="4"> <div class="swiper-wrapper" data-glide-el="track"> <li class="swiper-slide w-[300px] 2xl:w-[400px]"> <a href="//var/www/clients/client1/web10/web/dev-steelers-de/releases/79/src/Twig/../../files/steelers/news/2024/08/dsc02333.jpeg" class="glightbox" data-gallery="gallery1892"> <figure class="w-full h-full object-center object-cover"> <img src="/assets/images/k/dsc02333-bqkf02yj0z8ygg8.jpeg" alt srcset="/assets/images/k/dsc02333-bqkf02yj0z8ygg8.jpeg 400w, /assets/images/t/dsc02333-d5vdadrpckmb2x3.jpeg 800w" sizes="(max-width: 640px) 300px, 400px" width="400" height="500"> </figure> </a> </li> <li class="swiper-slide w-[300px] 2xl:w-[400px]"> <a href="//var/www/clients/client1/web10/web/dev-steelers-de/releases/79/src/Twig/../../files/steelers/news/2024/08/dsc07993.jpeg" class="glightbox" data-gallery="gallery1892"> <figure class="w-full h-full object-center object-cover"> <img src="/assets/images/h/dsc07993-svym3a6vkm83xar.jpeg" alt srcset="/assets/images/h/dsc07993-svym3a6vkm83xar.jpeg 400w, /assets/images/d/dsc07993-dkm3azhqean83ng.jpeg 547w" sizes="(max-width: 640px) 300px, 400px" width="400" height="500"> </figure> </a> </li> <li class="swiper-slide w-[300px] 2xl:w-[400px]"> <a href="//var/www/clients/client1/web10/web/dev-steelers-de/releases/79/src/Twig/../../files/steelers/news/2024/08/dsc08576.jpeg" class="glightbox" data-gallery="gallery1892"> <figure class="w-full h-full object-center object-cover"> <img src="/assets/images/t/dsc08576-3x2xba9jz6nxbjk.jpeg" alt srcset="/assets/images/t/dsc08576-3x2xba9jz6nxbjk.jpeg 400w, /assets/images/q/dsc08576-61dqh3pd3nyageh.jpeg 800w" sizes="(max-width: 640px) 300px, 400px" width="400" height="500"> </figure> </a> </li> <li class="swiper-slide w-[300px] 2xl:w-[400px]"> <a href="//var/www/clients/client1/web10/web/dev-steelers-de/releases/79/src/Twig/../../files/steelers/news/2024/08/dsc02928.jpeg" class="glightbox" data-gallery="gallery1892"> <figure class="w-full h-full object-center object-cover"> <img src="/assets/images/x/dsc02928-v205ctb1kezg3qp.jpeg" alt srcset="/assets/images/x/dsc02928-v205ctb1kezg3qp.jpeg 400w, /assets/images/a/dsc02928-x8nk2xn5p85bnx1.jpeg 800w" sizes="(max-width: 640px) 300px, 400px" width="400" height="500"> </figure> </a> </li> </div> <div class="mt-5 flex gap-14" data-glide-el="controls"> <button class="swiper-button-left" aria-label="vorheriges Bild"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-black stroke-black" x="0px" y="0px" width="60px" height="40px" viewbox="0 0 60 40"> <g> <line stroke-width="2" x1="62.5" y1="20.031" x2="20.5" y2="20.031"></line> <polygon stroke-miterlimit="10" points="21,25 15.406,20.093 21,15.06"></polygon> <path d="M19.938,2.045c9.866,0,17.893,8.026,17.893,17.893S29.804,37.83,19.938,37.83S2.045,29.804,2.045,19.938 S10.071,2.045,19.938,2.045 M19.938,0C8.926,0,0,8.926,0,19.938c0,11.011,8.926,19.938,19.938,19.938s19.938-8.927,19.938-19.938 C39.875,8.926,30.949,0,19.938,0L19.938,0z"></path> </g> </svg> </button> <button class="swiper-button-right" aria-label="nächstes Bild"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" class="rotate-180 fill-black stroke-black" width="60px" height="40px" viewbox="0 0 60 40"> <g> <line fill="none" stroke-width="2" x1="62.5" y1="20.031" x2="20.5" y2="20.031"></line> <polygon stroke-miterlimit="10" points="21,25 15.406,20.093 21,15.06"></polygon> <path d="M19.938,2.045c9.866,0,17.893,8.026,17.893,17.893S29.804,37.83,19.938,37.83S2.045,29.804,2.045,19.938 S10.071,2.045,19.938,2.045 M19.938,0C8.926,0,0,8.926,0,19.938c0,11.011,8.926,19.938,19.938,19.938s19.938-8.927,19.938-19.938 C39.875,8.926,30.949,0,19.938,0L19.938,0z"></path> </g> </svg> </button> </div> </div> </div>