.oxy-wp-double-comet-container{

  position: relative;
  overflow: hidden;
  display: flex;
    min-height: 100vh;

  .comet-background-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .comet-bg-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .comet-img-bg-overlay {
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .comet-bg-content {
    position: relative;
    min-height: 100%;
    width: 100%;
  }

  .comet { 
      position: absolute;
      width: 100vw;
      height: calc(100vw / 2);
      border-top-right-radius: calc(50vw / 2);
      border-bottom-right-radius: calc(50vw / 2);
      overflow: hidden;
      aspect-ratio: 2/1;

      .glow,
      .gradient,
      .grain {
          position: absolute;
          inset: 0;
      }

     
  
      .gradient {
          background: linear-gradient(to right, transparent, rgba(238, 113, 0, .75));
          mix-blend-mode: color;
          z-index: 2;
      }
  
  }

  .comet.orange {
    .glow {
      background-color: rgba(238, 113, 0, 1)
    }
    .gradient {
      background: linear-gradient(to right, transparent, rgba(238, 113, 0, .75));
    }
  }

  .comet.hellgruen{
    .glow {
      background-color: rgba(199, 211, 0, 1)
    } .gradient {
      background: linear-gradient(to right, transparent, rgba(199, 211, 0, .75));
    }
  }

  .comet.blau {
    .glow {
      background-color: rgba(0, 48, 93, 1)
    }
    .gradient {
      background: linear-gradient(to right, transparent, rgba(0, 48, 93, .75));
    }
  }

  .comet.grau {
    .glow {
      background-color: rgba(145, 145, 145, 1)
    }
    .gradient {
      background: linear-gradient(to right, transparent, rgba(145, 145, 145, .75));
    }
  }

  .comet.hellblau {
    .glow {
      background-color: rgba(62, 163, 220, 1)
    }
    .gradient {
      background: linear-gradient(to right, transparent, rgba(62, 163, 220, .75));
    }
  }

  .comet.tuerkis {
    .glow {
      background-color: rgba(51, 200, 176, 1)
    }
    .gradient {
      background: linear-gradient(to right, transparent, rgba(51, 200, 176, .75));
    }
  }

  .comet.hellorange {
    .glow {
      background-color: rgba(250, 175, 0, 1)
    }
    .gradient {
      background: linear-gradient(to right, transparent, rgba(250, 175, 0, .75));
    }
  }

  .comet.magenta {
    .glow {
      background-color: rgba(195, 62, 157, 1)
    }
    .gradient {
      background: linear-gradient(to right, transparent, rgba(195, 62, 157, .75));
    }
  }

  .comet.gruen {
    .glow {
      background-color: rgba(120, 168, 33, 1)
    }
    .gradient {
      background: linear-gradient(to right, transparent, rgba(120, 168, 33, .75));
    }
  }

  .comet.rot {
    .glow {
      background-color: rgba(231, 52, 63, 1)
    }
    .gradient {
      background: linear-gradient(to right, transparent, rgba(231, 52, 63, .75));
    }
  }

  .comet.weiß {
    .glow {
      background-color: rgba(255, 255, 255, 1)
    }
    .gradient {
      background: linear-gradient(to right, transparent, rgba(255, 255, 255, .75));
    }
  }

  #comet-1 {
    transform: rotate(-45deg) translate(-100%, -35%);
  }
  
  #comet-2 {
    transform: rotate(135deg) translate(-100%, -65%);
  }
 
}


  

@media screen and (max-width: 768px) {
    .oxy-wp-double-comet-container {
        min-height: unset;
    }
}