.opt-in-communication-wrapper {
  max-inline-size: 80rem;
  margin-inline: auto;
}
.opt-in-communication-wrapper .opt-in-left {
  padding: 0 var(--dimenGutter);
}
.opt-in-communication-wrapper .opt-in-left .opt-in-title {
  margin: 0 0 0.5rem;
}
.opt-in-communication-wrapper .opt-in-left small + .opt-in-title {
  -webkit-margin-before: 0.5rem;
          margin-block-start: 0.5rem;
}
.opt-in-communication-wrapper .opt-in-left .opt-in-caption {
  margin: 0;
}
.opt-in-communication-wrapper .img-wrapper {
  position: relative;
  padding: 0 var(--dimenGutter);
  max-inline-size: 100%;
  inline-size: 22.75rem;
  block-size: 16rem;
  -webkit-padding-end: 1.625rem;
          padding-inline-end: 1.625rem;
  -webkit-padding-after: 3.75rem;
          padding-block-end: 3.75rem;
}
.opt-in-communication-wrapper .img-wrapper .opt-in-primary-img,
.opt-in-communication-wrapper .img-wrapper .opt-in-secondary-img {
  -o-object-fit: cover;
     object-fit: cover;
}
.opt-in-communication-wrapper .img-wrapper .opt-in-primary-img {
  inline-size: 20.0625rem;
  block-size: 12.25rem;
}
.opt-in-communication-wrapper .img-wrapper .opt-in-secondary-img {
  inline-size: 5.5rem;
  block-size: 5.5rem;
  position: absolute;
  inset-inline-end: 0;
  inset-block-end: 0;
}
.no-secondary-image .img-wrapper {
  block-size: 13.9375rem;
  -webkit-padding-end: 1.6875rem;
          padding-inline-end: 1.6875rem;
  -webkit-padding-after: 1.6875rem;
          padding-block-end: 1.6875rem;
}
.no-secondary-image .img-wrapper:before {
  content: '';
  display: block;
  position: absolute;
  inset-inline-end: 0;
  inset-block-end: 0;
  inline-size: 1.6875rem;
  block-size: 1.6875rem;
  background-color: var(--colorPrimary);
}
@media (min-width: 768px) {
  .opt-in-communication-wrapper .opt-in-left .opt-in-title {
    -webkit-margin-after: 1rem;
            margin-block-end: 1rem;
  }
  .opt-in-communication-wrapper .img-wrapper {
    inline-size: 44.5rem;
    block-size: 31.4375rem;
    -webkit-padding-end: 3.5rem;
            padding-inline-end: 3.5rem;
    -webkit-padding-after: 4.4375rem;
            padding-block-end: 4.4375rem;
    margin-inline: auto;
  }
  .opt-in-communication-wrapper .img-wrapper .opt-in-primary-img {
    inline-size: 41rem;
    block-size: 27rem;
  }
  .opt-in-communication-wrapper .img-wrapper .opt-in-secondary-img {
    inline-size: 8.875rem;
    block-size: 8.875rem;
  }
  .no-secondary-image .img-wrapper {
    inline-size: 42.875rem;
    block-size: 28.875rem;
    -webkit-padding-end: 1.875rem;
            padding-inline-end: 1.875rem;
    -webkit-padding-after: 1.875rem;
            padding-block-end: 1.875rem;
  }
  .no-secondary-image .img-wrapper:before {
    inline-size: 1.875rem;
    block-size: 1.875rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .opt-in-communication-wrapper {
    max-inline-size: 41rem;
    margin-inline: auto;
  }
  .opt-in-communication-block.img-wrapper {
    padding-inline: 0 !important;
  }
  .opt-in-communication-wrapper .img-wrapper .opt-in-secondary-img {
    inset-inline-end: -1.75rem;
  }
  .opt-in-left {
    max-inline-size: 30.25rem;
  }
  .no-secondary-image .img-wrapper:before {
    inset-inline-end: -1.875rem;
  }
}
@media (min-width: 1200px) {
  .opt-in-communication-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .opt-in-communication-wrapper .opt-in-left {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
  .opt-in-communication-wrapper .opt-in-left .opt-in-title {
    -webkit-margin-after: 1.5rem;
            margin-block-end: 1.5rem;
  }
  .opt-in-communication-wrapper .opt-in-left small + .opt-in-title {
    -webkit-margin-before: 1.5rem;
            margin-block-start: 1.5rem;
  }
  .opt-in-communication-wrapper .img-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 39.25rem;
            flex: 0 0 39.25rem;
    inline-size: 39.25rem;
    block-size: 48rem;
    padding-inline: 7rem 0;
    -webkit-padding-after: 10.75rem;
            padding-block-end: 10.75rem;
  }
  .opt-in-communication-wrapper .img-wrapper .opt-in-primary-img {
    inline-size: 32.25rem;
    block-size: 37.25rem;
  }
  .opt-in-communication-wrapper .img-wrapper .opt-in-secondary-img {
    inline-size: 18.25rem;
    block-size: 18.25rem;
    inset-inline: 0 auto;
  }
  .opt-in-communication-wrapper .opt-in-left {
    padding-inline: 0 var(--dimenGutter);
  }
  .no-secondary-image .img-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 35rem;
            flex: 0 0 35rem;
    inline-size: 35rem;
    block-size: 39.875rem;
    padding-inline: 2.75rem 0;
    -webkit-padding-after: 2.625rem;
            padding-block-end: 2.625rem;
  }
  .no-secondary-image .img-wrapper:before {
    inset-inline: 0 auto;
    inline-size: 2.75rem;
    block-size: 2.625rem;
  }
}