<div class="relative overflow-hidden isolate"> <div class="absolute -z-10 w-screen h-4/6 bg-black"> <img src="/assets/images/b/20240825_141727-s0snjhj13zmqvqt.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/09/20240825_141727.jpg" class="glightbox" data-gallery="gallery1887"> <figure class="w-full h-full object-center object-cover"> <img src="/assets/images/n/20240825_141727-1knmk1ysbv1mz4e.jpg" alt srcset="/assets/images/n/20240825_141727-1knmk1ysbv1mz4e.jpg 400w, /assets/images/s/20240825_141727-06v5zpzc2mgxxax.jpg 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/09/20240825_141902.jpg" class="glightbox" data-gallery="gallery1887"> <figure class="w-full h-full object-center object-cover"> <img src="/assets/images/0/20240825_141902-229f00krqxs2rrf.jpg" alt srcset="/assets/images/0/20240825_141902-229f00krqxs2rrf.jpg 400w, /assets/images/f/20240825_141902-msjrje0cv84v7fe.jpg 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/09/IMG_6527.PNG" class="glightbox" data-gallery="gallery1887"> <figure class="w-full h-full object-center object-cover"> <img src="/assets/images/w/IMG_6527-5xq6sdjsenb8j8w.png" alt srcset="/assets/images/w/IMG_6527-5xq6sdjsenb8j8w.png 400w, /assets/images/g/IMG_6527-6dse358nc7ga651.png 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>