Box Image Flex

Code main

.box-img-flex {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.box-img-flex.y-img-left {
	justify-content: flex-start;
}
.box-img-flex img {
	width: auto !important;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

				

Height box

.blog-temp .box-img-flex {
	height: 400px;
}

				

Responsive

@media (min-width: 1200px) {
	.blog-temp .blog-img a {
		height: 360px;
	}
}
@media (max-width: 1199px) {
	.blog-temp .blog-img a {
		height: 293px;
	}
}
@media (max-width: 1199px) {
	.blog-temp .blog-img a {
		height: 460px;
	}
}