.page_component.image {
	margin:0 0 10px;
	}               
.page_component.image.right { 
	float:right;
	margin:0 0 10px 20px;
	}                
.page_component.image.left { 
	float:left;
	margin:0 20px 10px 0;
	}               
.page_component.image img { 
	display:block;
	overflow:hidden;
	max-width:100%;
	height:auto; 
	}           
.page_component.image .text {
	position:absolute;
	padding:10px;
	right:0;
	bottom:0;
	left:0;
	font-size:11px; font-size:1.1rem;
	}

@media (max-width:767px) {

.page_component.image {
	float:none!important;
	margin:0 auto 20px!important;
	}         
.page_component.image .text {
	display:block;
	position:relative;
	right:auto;
	bottom:auto;
	left:auto;
	}
	
}

CSS - Page Component - Image

CSS - Page Component - Image

CSS