.imgLeft,
  .imgRight {
    display: grid;
    grid-template: auto/1fr;
    position: relative;
    inline-size: 100%;
    gap: 0 var(--gap, 1em);
  }
.imgLeft > *:where(:not(.img)),
  .imgRight > *:where(:not(.img)) {
    grid-column: 1;
    grid-row: 1;
  }
.imgLeft > *:where(:not(.img)) > *:where(:first-child),
  .imgRight > *:where(:not(.img)) > *:where(:first-child) {
    margin-block-start: 0 !important;            
  }
.imgLeft > *:where(.img),
  .imgRight > *:where(.img) {
    grid-column-end: -2;
    grid-row: 1;
  }
@media (max-width: 400px) {
  .imgLeft,
    .imgRight {
      gap: var(--gap, 1em) 0;
    }
  .imgLeft > *:where(.img),
    .imgRight > *:where(.img) {
      grid-column: 1 !important;
      grid-row: 1 !important;
    }
  .imgLeft > *:where(:not(.img)),
    .imgRight > *:where(:not(.img)) {
      grid-column: 1 !important;
      grid-row: 2 !important;
    }
}

.imgRight > *:where(:not(.img)) {
  grid-column: 1;
  grid-row: 1;
}
.imgRight > *:where(.img) {
  grid-column-end: 3;
  grid-row: 1;
}

.imgLeft img{
  width: 150px!important;
  padding:20px
}