.img-txt-overlay > .component-content {
  position: relative; }

.img-txt-overlay .image-caption {
  position: absolute;
  bottom: 40px;
  right: 110px;
  font-style: normal;
  text-shadow: 0px 0px 5px black; }
  @media (min-width: 992px) {
    .img-txt-overlay .image-caption {
      right: 45px; } }
  @media (min-width: 1200px) {
    .img-txt-overlay .image-caption {
      right: 110px; } }

@media (min-width: 992px) {
  .img-txt-overlay img {
    max-width: 380px; } }

@media (min-width: 1200px) {
  .img-txt-overlay img {
    max-width: 462px;
    height: 320px; } }

.top-purple-wave {
  display: none; }
  @media (min-width: 992px) {
    .top-purple-wave {
      display: block; } }
  .top-purple-wave > .component-content {
    position: absolute;
    z-index: 1;
    left: 50%; }

.top-left-purple-wave {
  display: block;
  margin-top: -1px; }
  @media (min-width: 992px) {
    .top-left-purple-wave {
      display: none; } }
  .top-left-purple-wave > .component-content {
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    transform: translate(-50%, 0%);
    left: 50%;
    top: 0;
    z-index: 1;
    width: 100%; }
    @media (min-width: 576px) {
      .top-left-purple-wave > .component-content {
        max-width: 540px; } }
    @media (min-width: 768px) {
      .top-left-purple-wave > .component-content {
        max-width: 720px; } }
    @media (min-width: 992px) {
      .top-left-purple-wave > .component-content {
        max-width: 960px; } }
    @media (min-width: 1200px) {
      .top-left-purple-wave > .component-content {
        max-width: 1199px; } }
    .top-left-purple-wave > .component-content img {
      transform: scaleY(-1);
      width: 45%;
      margin-top: 1px; }

.bottom-purple-wave {
  display: none; }
  @media (min-width: 992px) {
    .bottom-purple-wave {
      display: block; } }
  .bottom-purple-wave > .component-content {
    max-width: 100%;
    position: absolute;
    transform: translate(-50%, 0%);
    left: 50%;
    width: 100%;
    bottom: 0;
    padding: 0; }
    @media (min-width: 1200px) {
      .bottom-purple-wave > .component-content {
        max-width: 2000px; } }

.bottom-right-purple-wave {
  display: block; }
  @media (min-width: 992px) {
    .bottom-right-purple-wave {
      display: none; } }
  .bottom-right-purple-wave > .component-content {
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    transform: translate(-50%, 0%);
    left: 50%;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    bottom: 0;
    width: 100%; }
    @media (min-width: 576px) {
      .bottom-right-purple-wave > .component-content {
        max-width: 540px; } }
    @media (min-width: 768px) {
      .bottom-right-purple-wave > .component-content {
        max-width: 720px; } }
    @media (min-width: 992px) {
      .bottom-right-purple-wave > .component-content {
        max-width: 960px; } }
    @media (min-width: 1200px) {
      .bottom-right-purple-wave > .component-content {
        max-width: 1199px; } }
    .bottom-right-purple-wave > .component-content img {
      width: 45%; }