.active-gallery {
	position: relative; overflow: hidden;
}
.active-gallery .img {
	background-position: center; background-repeat: no-repeat;
}
.active-gallery .slide {
	position: absolute; z-index: 0;
	width: 100%; height: 100%;
	transition: opacity 2s, pointer-events 2s;
}
.active-gallery .background {
	width: 100%; height: 100%;
	background-color: #F5F5F5;
	background-size: cover; background-position: center;
}
.active-gallery .thumb {
	position: absolute;
	top: 20px; right: 20px;
	width: auto; height: auto; max-width: 150px; max-height: calc(100% - 170px);
	outline: 1px solid white;
	background-size: contain; background-position: bottom right;
}
.active-gallery .control {
	position: absolute; bottom: 0; width: 100%;
	background-color: rgba(255, 255, 255, .7);
	color: black;
}
.active-gallery .description>* {
	display: block; text-align: center;
	padding: 10px 0; margin: 0 50px;
}
.active-gallery .prev, .active-gallery .next {
	position: absolute; top: 0;
	height: 100%; width: 50px;
	display: table; cursor: pointer;
	z-index: 1; opacity: inherit;
	display: flex; /* cuz Safari */
}
.active-gallery .prev { left: 0; }
.active-gallery .next { right: 0; }
.active-gallery .prev::before, .active-gallery .next::before {
	display: table-cell; /* text-align: center; vertical-align: middle; */
	font-size: 25px; /* padding-bottom: 5px; */
}
.active-gallery .prev::before, /* { content: '〈'; } */
.active-gallery .next::before {
	/* content: '〉'; */
	content: '\00a0'; /*   : makes the background show up in Safari */
	background: no-repeat center/32% url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 400"><path d="m51.65,9.48c57.9,57.9 115.8,115.8 173.7,173.8 8.8,8.8 8.8,21.5 0,30.3-58.1,58.25-116.3,116.4-174.5,174.5-8.2,8.2-21.2,8.3-29.4,0.2-4.1,-4-8,-8.2-12.2,-12.1-10,-9.4-9.7,-23.2 0,-32.9 51,-50.4 95.3,-95.9 142.2,-142 2.53,-2.5 2.54,-3.77 0,-6.3C104,147.5 56.7,100 9,52.68 0.5,44.2-0.1,30.3 8.2,22 13.3,16.9 18.5,12 23.8,7 31.7,0 44.6,2.5 51.7,9.5Z"/></svg>');
	flex: 1; /* cuz Safari */
}
.active-gallery .prev::before { transform: rotate(180deg); transform-origin: center; }

.active-gallery .control::before, .active-gallery .control::after {
	content: ''; position: absolute;
	width: 75px; height: calc(100% + 25px); bottom: 0;
}
.active-gallery .control::before { left: 0; }
.active-gallery .control::after { right: 0; }