/*semantic css overrides*/
.example{
	position:relative;
}
.example img, .example video{
	display:block;
	width:100%;
	border-radius:0.75rem;
}
.example video{
	margin-top:0.5em;
}
.example:after{
	content: ""; display: block;
	background: url('/images/arrow-down.svg') center center no-repeat;
	background-size: contain;
	
	position: absolute;
	width: 80px; height: 92px;
	margin-top: -46px;
	top: 50%;
    right: -5%;
}
.swiper-wrapper{
	min-height: 55vw;
}
@media screen and (min-width:640px){
	.example:after{
		right:-50px;
	}
	.swiper-wrapper{
		min-height: 24vw;
	}
}