.snippet--dbl-img {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--grid-gap-x, 1rem);
  padding-inline: var(--grid-padding-x);
  margin-bottom: var(--grid-padding-x, 1rem);

  figcaption {
    margin-top: 1.75rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--grid-gap-x, 1rem);
  }

  

  p {
    font-size: 1rem;
    font-weight: 600;

    &:is(body.data-editor *) {
      min-height: 1.5rem;
    }

    &:nth-child(odd):last-child {
      grid-column: 1 / -1;
    }
  }

  figcaption p {
     font-weight: 500;
  }

  img {
    width: 100%;
  }

  @media screen and (max-width: 800px) {
    & {
      grid-template-columns: 1fr;
      grid-template-rows: repeat(2, auto);
    }
  }
}