.comparation { width:100%; margin:0; position:relative; } 
.comparation .after, .comparation .before {  position:relative; height:24rem; background-size:cover; border-radius:1.5rem;margin-bottom: 30px; } 
.comparation .before { width:100%; padding-right:0; } 
.comparation .after { width:100%; padding-left:0; } 
.comparation .after img, .comparation .before img { width:100%; border-radius:1.5rem } 
.comparation .after-card, .comparation .before-card { font-size:1.3125rem; color:var(--primaryColor); } 
.case-count { font-size:1.25rem; font-weight:700; color:var(--colorText); margin:0 0 1rem 0; } 
.comparation .before-card, .comparation .after-card{ position:absolute; background-color:var(--colorEspecial); padding:1.5625rem; bottom:0; width:100%; bottom:3.125rem; color:var(--colorW); font-size:1.875rem; font-weight:700; text-align:center }
.comparation .before-card { border-top-right-radius:0.8rem; border-bottom-right-radius:0.8rem; padding:1.5625rem; left:0; } 
.comparation .after-card { border-top-left-radius:0.8rem; border-bottom-left-radius:0.8rem; right:0; } 
@media (min-width:769px) { 
	.comparation .before-card, .comparation .after-card{ width:25%; }
}