.graphics-side-by-side .all-graphic-columns{
	margin-top:4rem;
}
.graphics-side-by-side .all-graphic-columns .row{
	grid-column: 1 / span 12;
	display: grid;
	grid-template-columns: repeat(2, [col-start] 1fr);
	gap: 70px;
}
.graphics-side-by-side .all-graphic-columns .image-container{
	position: relative;
	display: block;
	color:var(--white);
}
.graphics-side-by-side .all-graphic-columns .image-container .title{
	position: absolute;
	left:0;
	bottom:0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width:100%;
	padding:2.5rem;
	z-index: 2;
}
.graphics-side-by-side .all-graphic-columns .image-container img {
	width: 100%;
}
.graphics-side-by-side .all-graphic-columns .image-container .title img{
	transition: .2s all;
	opacity: 0;
	width:22px;
}
.graphics-side-by-side .all-graphic-columns .image-container:hover img{
	opacity: 1;
}
.graphics-side-by-side .all-graphic-columns .image-container h3{
	margin-bottom:0;
}
.graphics-side-by-side .all-graphic-columns p{
	padding-left:2.5rem;
	width:50%;
	margin-top:2.5rem;
	max-width: 266px;
	margin-bottom:0;
}
@media only screen and (max-width: 900px) {
	.graphics-side-by-side .all-graphic-columns .row{
  		grid-template-columns: repeat(1, [col-start] 1fr);
	}
	.graphics-side-by-side h2{
  		width: 100%;
	}
	.graphics-side-by-side h2 + div{
  		margin-top:2rem;
	}
	.graphics-side-by-side .all-graphic-columns p{
		width:80%;
		max-width: 80%;
	}
	.graphics-side-by-side .all-graphic-columns .image-container .title{
		padding:1rem;
	}
	.graphics-side-by-side .all-graphic-columns .image-container .title img{
		opacity: 1;
	}
}