.overlay-main {
	/* half-transparent background */
	background-color: rgba(211, 211, 211, 0.7);
	background-blend-mode: lighten;
	/* centerising background image */
    background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	/* fade-in */
	transition: background-image .2s linear;
}

.swiper-container {
	height: 100%;
}

.slider-gallery .swiper-slide img {
	max-height: 25vmin !important;
	transition: max-height .3s ease-in-out;
}

.slider-gallery .swiper-slide-active img {
	max-height: 50vmin !important;
}

/* dark mode (setting only color or image in this section) */
@media (prefers-color-scheme: dark){
	.overlay-main {
		background-color: rgba(0, 0, 0, 0.7);
		background-blend-mode: darken;
	};
}