<div class="relative overflow-hidden isolate"> <div class="absolute -z-10 w-screen h-4/6 bg-black"> <img src="/assets/images/e/img_1575__1_-w0kkpfqbx52n22a.jpg" 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/img_1575__1_.jpg" class="glightbox" data-gallery="gallery1891"> <figure class="w-full h-full object-center object-cover"> <img src="/assets/images/v/img_1575__1_-7nmsa2cehz19tx5.jpg" alt srcset="/assets/images/v/img_1575__1_-7nmsa2cehz19tx5.jpg 400w, /assets/images/s/img_1575__1_-dj2z8xbyrd4rjcn.jpg 462w" 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/img_1602.jpeg" class="glightbox" data-gallery="gallery1891"> <figure class="w-full h-full object-center object-cover"> <img src="/assets/images/w/img_1602-y8prgr9t63x6dnq.jpeg" alt srcset="/assets/images/w/img_1602-y8prgr9t63x6dnq.jpeg 400w, /assets/images/3/img_1602-qmtqazgd1xtk73c.jpeg 462w" 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/img_1610.jpeg" class="glightbox" data-gallery="gallery1891"> <figure class="w-full h-full object-center object-cover"> <img src="/assets/images/j/img_1610-hape0f3v54thxzp.jpeg" alt srcset="/assets/images/j/img_1610-hape0f3v54thxzp.jpeg 400w, /assets/images/b/img_1610-c0b2mcy7ytgj7m6.jpeg 462w" 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/img_1618.jpeg" class="glightbox" data-gallery="gallery1891"> <figure class="w-full h-full object-center object-cover"> <img src="/assets/images/k/img_1618-1bmhs0bv16cvjxh.jpeg" alt srcset="/assets/images/k/img_1618-1bmhs0bv16cvjxh.jpeg 400w, /assets/images/s/img_1618-jz6567w58z45dmw.jpeg 462w" 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/img_1656.jpg" class="glightbox" data-gallery="gallery1891"> <figure class="w-full h-full object-center object-cover"> <img src="/assets/images/p/img_1656-sfktfgt5xwp5ntz.jpg" alt srcset="/assets/images/p/img_1656-sfktfgt5xwp5ntz.jpg 400w, /assets/images/p/img_1656-tv20nkhh3ttdg9w.jpg 462w" 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>