/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_custom_site/cartridge/client/default/scss/experience/components/omni_assets/mountainsSection.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/* stylelint-enable */
.mountains-section {
  height: 7.3125rem;
  margin-bottom: 1.4375rem;
  opacity: 0.5;
  overflow: hidden;
  position: relative; }
  .mountains-section__image {
    object-fit: cover;
    object-position: top center;
    position: absolute; }
    .mountains-section__image--background {
      right: -111vw;
      top: 0.625rem;
      width: 317.5vw; }
      @media (min-width: 1366px) {
        .mountains-section__image--background {
          right: -27vw;
          top: 1.25rem;
          width: 170vw; } }
    .mountains-section__image--midground {
      left: -100vw;
      top: 1.9375rem;
      width: 270vw; }
      @media (min-width: 760px) {
        .mountains-section__image--midground {
          left: -36vw;
          top: 3.25rem;
          width: 156vw; } }
      @media (min-width: 1366px) {
        .mountains-section__image--midground {
          left: -25vw;
          top: 5.625rem;
          width: 128vw; } }
    .mountains-section__image--foreground {
      left: -77.5vw;
      top: 4.375rem;
      width: 302.5vw; }
      @media (min-width: 760px) {
        .mountains-section__image--foreground {
          left: -20vw;
          top: 7.875rem;
          width: 167vw; } }
      @media (min-width: 1366px) {
        .mountains-section__image--foreground {
          left: -12vw;
          top: 11.9375rem;
          width: 137vw; } }
  @media (min-width: 1025px) {
    .mountains-section {
      height: 12.5rem;
      margin-bottom: 2.5rem;
      opacity: 0.3; } }
  @media (min-width: 1366px) {
    .mountains-section {
      height: 20.9375rem; } }


/*# sourceMappingURL=mountainsSection.css.map*/