.content-featured .container-fixed {
  display: flex;
  align-items: center;
  padding: var(--site-padding);
}

.featured-text,
.featured-image {
  flex: 1 1 50%;
}

.featured-right .featured-text {
  padding-right: 4rem;
}

.featured-left .featured-text {
  padding-left: 4rem;
}

section.content-featured {
  padding: var(--spacing-md) 0;
}

.container-fixed.featured-left {
  flex-direction: row-reverse;
  /* flex-wrap: wrap; */
}

@media screen and (max-width: 768px) {
  .content-featured .container-fixed {
    flex-direction: column-reverse;
  }

  .featured-right .featured-text,
  .featured-left .featured-text {
    padding: var(--spacing-md) 0 0;
  }

  .featured-image img {
    /* max-width: 150%;
    emdev - saw mobile issue for images and temporarily change with to 100% */
    max-width: 100%;
  }

  .featured-left .featured-image {
    display: flex;
    justify-content: flex-end;
  }
}