/* 
 This CSS file is used to override the existing styles of the theme.
 You can change the article headings, fonts, colors, etc.
*/

:root {
    --swiper-aspect-ratio: 16/6;
}

.swiper {
    width: 100%;
    aspect-ratio: var(--swiper-aspect-ratio);
}

.swiper-slide img {
    height: auto;
    aspect-ratio: var(--swiper-aspect-ratio);
}

/* Vertical Center Images */
.swiper-wrapper {
    align-items: start
}