.wave-container {
    position: relative;
    width: 100%;
    height: 35vh;  /* Increased height to close gap */
    overflow: hidden;
    pointer-events: none;
    background: transparent;
    flex-shrink: 0;
    z-index: 1;
    margin-bottom: -1px;
}

/* MacBook Pro 14" has a width of 1512px */
@media (max-width: 1512px) {
    .wave-container {
        height: 25vh;  /* Increased proportionally */
    }
}

.wave-svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.wave-path {
    will-change: d;
}