.text-image-column p{
  margin: 0 0 1em;
}
.text-image-column{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 12px;
  margin-bottom: 12px;
}

.text-image-column-row .text{
  grid-row-start: 1;
  grid-column-start: 1;
  grid-column-end: 3;
  display: grid;
}

.text-image-column-row .shadow-image{
  grid-column-start: 3;
  grid-column-end: 4;
  display: grid;
}

.text-image-column-row img{
  width: 100%;
}

@media screen and (min-width: 1024px) {

  .text-image-column{
    grid-template-columns: repeat(8, 1fr);
  }

  .text-image-column-row .text{
    grid-row-start: 1;
    grid-column-start: 1;
    grid-column-end: 6;
  }

  .text-image-column-row .shadow-image{
    grid-column-start: 7;
    grid-column-end: 9;
  }

  .text-image-column-row{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px;
  }

  .text-image-column.right .text{
    grid-column-start: 3;
    grid-column-end: 9;
    text-align: right;
  }

  .text-image-column.right .shadow-image{
    grid-column-start: 1;
    grid-column-end: 3;
  }
}