@media (min-width: 992px) {
  .hero-visual { 
    display: block; 
  }
}

@media (min-width: 768px) {
  .concept-block { 
    grid-template-columns: 1fr 1fr; 
  }
  .concept-block.reverse { 
    grid-template-columns: 1fr 1fr; 
    direction: rtl; 
  }
  .concept-block.reverse > * { 
    direction: ltr; 
  }
}