.slideshow-container {position: relative;width: 100%;max-width: 100%;height: 500px;overflow: hidden;margin: auto;background: #000;}.mySlides {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;}.mySlides img {width: 100%;height: 100%;object-fit: cover;object-position: center;}.mySlides.active {display: block !important;}.mySlides.slidefade {opacity: 0;transition: opacity 1s ease-in-out;}.mySlides.active.slidefade {opacity: 1;}.prev, .next {cursor: pointer;position: absolute;top: 50%;width: auto;margin-top: -22px;padding: 10px 16px;color: white;font-weight: bold;font-size: 18px;border-radius: 3px;background-color: rgba(0,0,0,0.4);user-select: none;z-index: 2;}.next {right: 0;}.prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);}.text {color: #fff;font-size: 150%;padding: 8px 12px;position: absolute;bottom: 0;width: 100%;text-align: center;background: rgba(0,0,0,0.5);font-weight: 600;z-index: 2;}.dot-container {text-align: center;position: relative;margin-top: 10px;z-index: 3;}.dot {cursor: pointer;height: 12px;width: 12px;margin: 0 3px;background-color: #bbb;border-radius: 50%;display: none;}.active-dot, .dot:hover {background-color: #717171;}@media (max-width: 768px) {.slideshow-container {height: auto !important;}.mySlides {position: relative !important;}.mySlides img {height: auto !important;min-height: 250px;}.mySlides .text {position: absolute;bottom: 0;font-size: 130% !important;padding: 6px 10px;background: rgba(0, 0, 0, 0.6);z-index: 5 !important;display: block !important;}}