.bro-image,
.bro-image.size-square,
.bro-image.size-16_9 {
	position:relative;
}
.bro-image.size a {
	z-index:10;	
}
.bro-image img,
.bro-image svg {
	width:100%;
	max-width:100%;
}
.bro-image.size-square:before,
.bro-image.size-16_9:before {
	content:'';
	display:block;
}
.bro-image.size-square:before {
	padding-top:100%;
}
.bro-image.size-16_9:before {
	padding-top:56.25%;
}
.bro-image.size-square img,
.bro-image.size-square svg,
.bro-image.size-16_9 img,
.bro-image.size-16_9 svg,
.bro-image.size-square a,
.bro-image.size-16_9 a {
	display:block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center;
}
.bro-image.size-square.fill-contain img,
.bro-image.size-square.fill-contain svg,
.bro-image.size-16_9.fill-contain img,
.bro-image.size-16_9.fill-contain svg {
	object-fit: contain;
}
.bro-image.vertical-top img,
.bro-image.vertical-top svg { object-position: center top; }
.bro-image.vertical-bottom img,
.bro-image.vertical-bottom svg { object-position: center bottom; }
.bro-image.horizontal-left img,
.bro-image.horizontal-left svg { object-position: left center; }
.bro-image.horizontal-right img,
.bro-image.horizontal-right svg { object-position: right center; }
.bro-image.horizontal-left.vertical-top img,
.bro-image.horizontal-left.vertical-top svg { object-position: left top; }
.bro-image.horizontal-left.vertical-bottom img,
.bro-image.horizontal-left.vertical-bottom svg { object-position: left bottom; }
.bro-image.horizontal-right.vertical-top img,
.bro-image.horizontal-right.vertical-top svg { object-position: right top; }
.bro-image.horizontal-right.vertical-bottom img,
.bro-image.horizontal-right.vertical-bottom svg { object-position: right bottom; }

.bro-image a img,
.bro-image a svg {
	transition:.5s ease-in-out opacity;
}
.bro-image a:hover img,
.bro-image a:hover svg {
	opacity:.8;
}

@media only screen and (max-width: 600px) {
	.bro-image:not(.advanced-sizing) {
		max-width:100% !important;
	}
}