.content-text-image__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-xl);
  align-items: center;
}

.content-text-image--reverse .content-text-image__container {
  direction: rtl;
}

.content-text-image--reverse .content-text-image__text,
.content-text-image--reverse .content-text-image__media {
  direction: ltr;
}

.content-text-image__text {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
}

.content-text-image__body {
  font-size: var(--text-m);
}

.content-text-image__image {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: var(--radius);
}

.content-text-image__caption {
  margin-block-start: var(--space-s);
  font-size: var(--text-s, 0.875rem);
  color: var(--text-muted, currentColor);
  opacity: 0.7;
}

@media (max-width: 768px) {
  .content-text-image__container {
    grid-template-columns: 1fr;
    direction: ltr;
  }
}

.content-text-image ul {
  list-style: none;
  padding-left: 0;
}
.content-text-image li {
  position: relative;
  padding-left: 2em;
  margin-bottom: 0.5em;
}
.content-text-image li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNSAxMS41NUM4LjY3MDc1IDEyLjIzNCAxMC4zOTI3IDE0LjAzNTUgMTEuMjUgMTUuM0MxMy41IDExLjU1IDE3LjI1IDcuMDUwMDUgMjEgNS41NTAwNSIgc3Ryb2tlPSIjQjg4NjNBIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMiAyMS4zQzE2Ljk3MDYgMjEuMyAyMSAxNy4yNzA2IDIxIDEyLjNDMjEgNy4zMjk0OSAxNi45NzA2IDMuMzAwMDUgMTIgMy4zMDAwNUM3LjAyOTQ0IDMuMzAwMDUgMyA3LjMyOTQ5IDMgMTIuM0MzIDE3LjI3MDYgNy4wMjk0NCAyMS4zIDEyIDIxLjNaIiBzdHJva2U9IiNCODg2M0EiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+Cjwvc3ZnPgo=);
}