.section-featured-images {
  background-color: var(--cloud);
  border-top: var(--border--light);
  border-bottom: var(--border--light);

  .featured-images {
    padding-top: var(--gap-xl);
    padding-bottom: var(--gap-xl);
    display: flex;
    flex-direction: column;
    gap: var(--gap);

    .featured-images__content {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: var(--gap-l);

      .content-images {
        display: grid;
        gap: var(--gap-l);

        &.size--0 {
          display: none;
        }

        &.size--1 {
          grid-template-columns: 1fr;
        }

        &.size--2 {
          grid-template-columns: 1fr 1fr;
        }

        img {
          aspect-ratio: 1;
          width: 100%;
          height: 100%;
          object-fit: contain;
          background-color: white;
        }
      }

      .content-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: var(--gap);

        & > span {
          font-size: var(--font-14);
          color: var(--ink);
        }

        p {
          color: var(--ink);
        }
      }
    }
  }
}

@media only screen and (max-width: 989px) {
  .section-featured-images {
    .featured-images {
      .featured-images__content {
        grid-template-columns: 1fr;
      }
    }
  }
}