.slideshow{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;position:relative}.slideshow .slide{justify-content:center;position:relative;max-width:-moz-fit-content;max-width:fit-content}.slideshow .slide .role{font-size:19px;font-weight:600;margin:5px}.slideshow .slide img{width:200px;min-width:200px;height:254px;-o-object-fit:cover;object-fit:cover;border-radius:10px;box-shadow:0px 4px 8px rgba(0,0,0,.1)}.slideshow .slide .caption{position:absolute;bottom:7px;left:0;width:200px;text-align:center;font-size:1.2rem;background:rgba(0,0,0,.5);color:#fff;padding:5px 0;border-radius:0 0 10px 10px}.slideshow .dots-container{text-align:center;margin-top:5px}.slideshow .dot{display:inline-block;width:10px;height:10px;margin:0 5px;background-color:#bbb;border-radius:50%;cursor:pointer;transition:background-color .3s}.slideshow .dot.active{background-color:#717171}.slideshow svg{position:absolute;top:45px;right:5px;fill:#000;mix-blend-mode:difference;filter:invert(1)}.slideshow .prev,.slideshow .next{width:40px;height:90px;border-radius:3px;border:none;background-color:rgba(0,0,0,.7);color:#fff;font-size:20px;display:none;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);z-index:10;cursor:pointer;transition:background-color .3s ease}.slideshow .prev:hover,.slideshow .next:hover{background-color:rgba(0,0,0,.9)}.slideshow .prev{left:5px}.slideshow .next{right:5px}@media(max-width: 768px){.slide{display:block;width:100%}.slideshow{flex-direction:column;align-items:center}.slideshow .prev,.slideshow .next{display:flex !important;width:35px;height:70px;font-size:18px}}@media(max-width: 480px){.slide img{width:100%;height:auto}}