/* container */ 
.responsive-two-column-grid { 
  display: block; 
  /*background-color: #2b6ca2;*/ 
} 

/* columns */ 
.responsive-two-column-grid > * { 
  padding: 1rem; 
} 

/* CHANGED BREAKPOINT: Now triggers on tablets and screens wider than 768px */
@media (min-width: 768px) { 
  .responsive-two-column-grid { 
    display: grid; 
    grid-auto-rows: 1fr; 
    grid-template-columns: 1fr 1fr; 
  } 
} 

/* images */
.responsive-two-column-grid img { 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  max-width: 100%; /* Highly Recommended: Prevents large images from overflowing your columns */
  height: auto; 
}