.wp-block {
	height: auto;
	overflow: hidden;
}

/* --- FRONT-END ---- */
#hdp-2-cols-1-image-2-images-wrapper #hdp-2-cols-1-image-2-images-col-2-images-wapper {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-width: 100%;
	justify-content: center;
	align-items: flex-end;
}

#hdp-2-cols-1-image-2-images-wrapper #hdp-2-cols-1-image-2-images-col-2-images-wapper.left {
	align-items: flex-start;
}

#hdp-2-cols-1-image-2-images-wrapper #hdp-2-cols-1-image-2-images-col-2-images-wapper .hdp-2-cols-1-image-2-images-top-image-container {
	width: calc( 100% + 8% );
	margin-bottom: 70px;
}

#hdp-2-cols-1-image-2-images-wrapper #hdp-2-cols-1-image-2-images-col-2-images-wapper.right .hdp-2-cols-1-image-2-images-top-image-container {
	position: relative;
	float: right;
}

#hdp-2-cols-1-image-2-images-wrapper #hdp-2-cols-1-image-2-images-col-2-images-wapper.right .hdp-2-cols-1-image-2-images-bottom-image-container {
	position: relative;
	float: right;
}

#hdp-2-cols-1-image-2-images-wrapper #hdp-2-cols-1-image-2-images-col-2-images-wapper .hdp-2-cols-1-image-2-images-bottom-image-container {
	width: calc( 100% + 8% );
}

#hdp-2-cols-1-image-2-images-wrapper #hdp-2-cols-1-image-2-images-col-2-images-wapper .hdp-2-cols-1-image-2-images-top-image-container img,
#hdp-2-cols-1-image-2-images-wrapper #hdp-2-cols-1-image-2-images-col-2-images-wapper .hdp-2-cols-1-image-2-images-bottom-image-container img {
	
	height: auto;
}


@media( max-width: 767px) {
	#hdp-2-cols-1-image-2-images-wrapper {
		margin-top: 35px!important;
		margin-bottom: 35px!important;
	}

	#hdp-2-cols-1-image-2-images-wrapper img {
		margin-bottom: 30px;
	}

	#hdp-2-cols-1-image-2-images-wrapper #hdp-2-cols-1-image-2-images-col-2-images-wapper .hdp-2-cols-1-image-2-images-top-image-container {
		width: 100%;
		margin-bottom: 15px;
	}

	#hdp-2-cols-1-image-2-images-wrapper #hdp-2-cols-1-image-2-images-col-2-images-wapper .hdp-2-cols-1-image-2-images-bottom-image-container {
		width: 100%;
	}

	#hdp-2-cols-1-image-2-images-wrapper #hdp-2-cols-1-image-2-images-col-2-images-wapper .hdp-2-cols-1-image-2-images-top-image-container img {
		margin-bottom: inherit;
	}

	#hdp-2-cols-1-image-2-images-wrapper #hdp-2-cols-1-image-2-images-col-2-images-wapper.right .hdp-2-cols-1-image-2-images-bottom-image-container {
		width: 100%;
	}
}




/* ---- PREVIEW | BACK-END ---- */
#hdp-image-gridwidth-wrapper.preview {
	padding: 35px 0;
}

#hdp-image-gridwidth-wrapper.preview .hdp-custom-image-gridwidth-block img {
	margin-bottom: 0;
}