.swiper-wrapper {
    width: 100% !important;
    max-width: 100%;
    max-height: 100vh;
/* CSS Grid/Flexbox bug size workaround
 @see https://github.com/kenwheeler/slick/issues/982
 @see https://github.com/nolimits4web/swiper/issues/3599*/
    min-height: 0;
    min-width: 0;
}


swiper-slide {
     width: 100% !important;
     /*width: auto !important;*/
     flex-shrink: 0;
     display: flex;
     text-align: left;
     align-items: center;
 }

.swiper-button-prev, .swiper-button-next {
    position: relative;
}

.swiper-pagination {
    position: relative;
}

.article-slide img {
    display: block;
    max-width: 40%;
    max-height: 250px;
    width: auto;
    height: auto;
    float: left;
    margin-right: 1em;
    margin-left: 0.5em;
}

.article-slide h3 {
    color: darkgrey;
}