.gecko-section {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1rem;
  border: dashed 1px pink;
}
.gecko-section.add-contrast p, .gecko-section.add-contrast h1, .gecko-section.add-contrast h2, .gecko-section.add-contrast h3, .gecko-section.add-contrast h4, .gecko-section.add-contrast h5, .gecko-section.add-contrast h6, .gecko-section.add-contrast a {
  color: #FFF;
}
.gecko-section.is-align-center .gecko-section__inner {
  -ms-flex-item-align: center;
      align-self: center;
}
.gecko-section.is-align-bottom .gecko-section__inner {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.gecko-section.is-size-lg .gecko-section__inner {
  -ms-flex-preferred-size: 71.5rem;
      flex-basis: 71.5rem;
}
.gecko-section.is-size-md .gecko-section__inner {
  -ms-flex-preferred-size: 61.5rem;
      flex-basis: 61.5rem;
}
.gecko-section.is-size-sm .gecko-section__inner {
  -ms-flex-preferred-size: 51.5rem;
      flex-basis: 51.5rem;
}
.gecko-section__inner {
  border: dashed 1px pink;
  position: relative;
  z-index: 3;
  padding: 1rem;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}