.superbreaker-panel__image {
  height: 12.5rem
}
.superbreaker-panel__content {
  margin-top: -1.75rem;
  z-index: 1
}
@media (min-width:768px) {
  .superbreaker-panel__content {
    margin-top: 4rem
  }
  .superbreaker-panel__image {
    height: 14.1875rem
  }
}
@media (min-width:992px) {
  .superbreaker-panel__content {
    margin-top: -6rem
  }
  .superbreaker-panel__image {
    height: 29.5rem
  }
  .superbreaker-panel .config-text {
    padding: 0 1.75rem
  }
}
@media (min-width:1200px) {
  .superbreaker-panel .config-text {
    padding: 0 1.125rem
  }
}
@media (min-width:1400px) {
  .superbreaker-panel .config-text {
    padding: 0 1.375rem
  }
}
.superbreaker-full-image {
  min-height: 19rem;
  height: 100%
}
.superbreaker-full-image::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--dark-50);
  z-index: 1
}
.superbreaker-full-image__content {
  z-index: 2;
  flex: 1
}
.superbreaker-full-image__image {
  min-height: 19rem;
  height: 100%
}
.superbreaker-full-image__background {
  width: 100%;
  height: 100%;
  top: 0
}
.superbreaker-full-image .config-text {
  z-index: 2;
  position: relative
}
@media (min-width:768px) {
  .superbreaker-full-image {
    min-height: 30.6875rem;
    height: 100%
  }
  .superbreaker-full-image__image {
    min-height: 30.6875rem
  }
}
@media (min-width:992px) {
  .superbreaker-full-image {
    min-height: 39.1875rem;
    height: 100%
  }
  .superbreaker-full-image__image {
    min-height: 39.1875rem
  }
}
.superbreaker-fifty {
  min-height: 16.875rem
}
.superbreaker-fifty__image {
  position: relative;
  width: 100%;
  height: 16.875rem;
  left: 0
}
.superbreaker-fifty__content {
  padding: var(--md-1) 0
}
@media (min-width:768px) {
  .superbreaker-fifty {
    min-height: 25.25rem
  }
  .superbreaker-fifty__image {
    position: absolute;
    width: 50%;
    height: 100%
  }
  .superbreaker-fifty__content {
    padding: var(--md-1) 0 var(--md-1) var(--md-1)
  }
}
@media (min-width:992px) {
  .superbreaker-fifty {
    min-height: 37.5rem
  }
}
.superbreaker-text-only__section {
  max-width: 100%;
  right: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0
}
@media (min-width:768px) {
  .superbreaker-text-only__section {
    max-width: calc(100% - 3.5rem)
  }
  .superbreaker-text-only__section-left {
    right: 3.5rem
  }
  .superbreaker-text-only__section-right {
    left: 3.5rem
  }
}
@media (min-width:992px) {
  .superbreaker-text-only__section {
    max-width: calc(100% - 11rem)
  }
  .superbreaker-text-only__section-left {
    right: 11rem
  }
  .superbreaker-text-only__section-right {
    left: 11rem
  }
}
@media (min-width:1400px) {
  .superbreaker-text-only__section {
    max-width: calc(96rem + (100% - 96rem)/ 2 - 6rem - 2rem - 1rem)
  }
  .superbreaker-text-only__section-left {
    right: auto
  }
  .superbreaker-text-only__section-right {
    left: auto
  }
}