.paragraph-layout--twocol{
  display: flex;
  flex-direction: column;
  gap: var(--spacing);
}

@media all and (min-width: 768px){
  .paragraph-layout--twocol{
    display: grid;
    grid-template-columns:  calc(50% - var(--spacing, 1em) / 2) calc(50% - var(--spacing, 1em) / 2);
    grid-template-rows: auto ;
  }
}