.bg-blob-layer {
  position: absolute;
  top: 0;
  left: 50%; /* Move the start point to the middle of the screen */
  transform: translateX(-50%); /* Center the 2560px container */
  max-width: 1920px;
  width: 100%;
  height: 600px; /* Match your blob height */
  pointer-events: none;
  z-index: -1;
  /* overflow: hidden; */ /* Optional: prevents any weird side-scrolling */

  .top-right-blob {
    position: absolute;
    top: 0;
    /* CHANGE THIS: Instead of right: 0, use a percentage of the container */
    left: 50%; /* Start at the middle of your 2560px container */
    width: 50%; /* Take up the right half (from 50% to 100%) */
    height: 600px;
    background: linear-gradient(135deg, #ff0080 0%, #7928ca 50%, #2d79e6 100%);
    /* Your Figma Clip-path */
    clip-path: ellipse(94% 30% at 136% 3%);
  }
}

@media (max-width: 600px) {
  .bg-blob-layer {
    .top-right-blob {
      clip-path: ellipse(94% 25% at 126% 3%);
    }
  }
}