.dd-flex-wrapper{
	display: flex;
	flex-wrap: wrap;
}

.dd-grid-item {
    margin: 6px;
	width: 300px;
	height: 400px;
	position: relative;
}

.dd-grid-img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;		
	right: 0;
}
		
.dd-flex-wrapper .dd-grid-item .dd-grid-img img{
	width: 100%;
	object-fit: cover;
	height: 100%;
}
		
.dd-flex-wrapper .dd-grid-content {
	margin: 0 0 0 20px;
	position: absolute;
	bottom: 20px;
	color: white;
	text-transform: Capitalize;
}
		
.dd-grid-img a.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	bottom: 0;
	transition: 0.3s;
	background-color: rgba(0, 0, 0, 0.70);
	opacity: 100%;
}
		
.dd-grid-img a.overlay:hover {
    opacity: 30%;
}