.about-allied-block {position:relative; padding:200px 0;}
.about-allied-block .inner {position:relative; z-index:3;}

.about-allied-block .background-image {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.about-allied-block .overlay {position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; background:var(--color-headline); opacity:.65;}

.about-allied-block .cards {display:flex; flex-wrap:wrap; margin-top:60px;}
.about-allied-block .cards .card {position:relative; flex:0 0 33.33%; aspect-ratio:220/140; text-decoration:none; display:block; border:1px solid var(--color-headline);}
.about-allied-block .cards .card img {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.about-allied-block .cards .card .card-overlay {position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; opacity:.75; transition:opacity .5s ease;}
.about-allied-block .cards .card:hover .card-overlay {opacity:0;}
.about-allied-block .cards .card h3 {
	text-shadow: 0 2px 11px black;
	position:absolute; z-index:3; bottom:0; left:0; width:100%; padding:15px;
	color:#fff; text-transform:uppercase; text-align:center;
}

.about-allied-block .content-image {margin-top:60px; display:flex; background:var(--color-headline); color:#fff;}

.about-allied-block .content-image .content {padding:30px; flex:0 0 50%;}
.about-allied-block .content-image .content h3 {font-size:28px; font-weight:bold; margin-bottom:15px;}
.about-allied-block .content-image .content .button-wrapper {margin-top:15px;}
.about-allied-block .content-image .image {flex:0 0 50%; position:relative;}
.about-allied-block .content-image .image img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}

@media (max-width:810px) {

	.about-allied-block .cards .card {flex-basis:50%;}

	.about-allied-block .content-image {display:block;}
	.about-allied-block .content-image .image {aspect-ratio:1/1;}

}

@media (max-width:700px) {

	.about-allied-block .cards {display:block;}
	.about-allied-block .cards h3 {font-size:14px;}

	.about-allied-block .content-image .content h3 {font-size:22px;}

}