.svg {
	// Neccessary to make svg appear on mobile view
	min-height: 300px;
}
.svg:after {
	width: 100%;
	height: 100%;
	position: relative;
	content: "";
	background-repeat: no-repeat;
	bottom: 0;
}
.svg-left:after {
	background-size: auto;
	background-image: url('/images/splat-left.svg');
	background-position-x: left;
	// Adjust left % to remove unneccessary whitespace on various screen sizes
	left: -7%;
}
.svg-right:after {
	background-size: auto;
	background-image: url('/images/splat-right.svg');
	background-position-x: right;
	// Adjust right % to remove unneccessary whitespace on various screen sizes
	right: -10%;
}
@media screen and (max-width: 992px){
	.svg:after {
		background-size: contain;
		// Adjust bottom % to remove unneccessary whitespace on various screen sizes
		bottom: -15%;
		transform: scaleY(-1);
	}
	.svg-left:after {
		background-image: url('/images/splat.svg');
		left: 0;
	}
	.svg-right:after {
		background-image: url('/images/splat.svg');
		right: 0;
	}
}