.texts-and-image {  
	position: relative;
	padding: 100px 0 0;  
}

.texts-and-image h2 {  
	text-transform: uppercase;  
}

	.image-block { 
		width: 100%;
		height: 240px;
	}
		.image-block img {
			height: 100%;
			width: 100%;
			object-fit: cover;
		}


	@media(min-width: 768px) {
		.texts-and-image {   
			padding: 150px 0 0; 
		}

		.texts-and-image.left .row { 
			display: flex; 
		    flex-direction: row-reverse;
		}

			.image-block {  
				height: 100%;
			} 

			.texts-block {
				padding: 20px 0;
			}

			.texts-and-image h2 {  
				font-size: 50px; 
				line-height: 1.2em;
			}

	}


	@media(min-width: 1025px) {
		.image-block {  
			padding-left: 8.33%;
		} 

		.texts-and-image.left .image-block {
			padding-right: 8.33%;
			padding-left: 0;
		} 

		.texts-and-image h2 {  
			font-size: 65px; 
			line-height: 1em;
		}
	}