.text-and-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.text-and-image-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	top: 0;
}

.left-text-gradient {
	background: linear-gradient(-15deg, transparent, transparent, transparent, transparent, rgba(255,255,255, .3), rgba(255,255,255, .7), rgba(255,255,255, 1));
}

.right-text-gradient {
	background: linear-gradient(15deg, transparent, transparent, transparent, transparent, rgba(255,255,255, .3), rgba(255,255,255, .7), rgba(255,255,255, 1));
}

/*=====================================
=            Media Queries            =
=====================================*/

	@media (min-width: 768px) {
		.text-and-image.right-text h3 {
			transform: translateX(-20%);
			width: 130%;
		}
	}