.wave-top,
.wave-bottom {
    position: relative;
}
.wave-top:before,
.wave-bottom:after {
    content: '';
    position: absolute;
    top: auto;
    bottom: auto;
    left: 0;
    right: 0;
    height: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.wave-top:before { 
    bottom: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='6129' height='100' viewBox='0 0 6129 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2621_69' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='2043' y='0' width='2043' height='100'%3E%3Crect x='2043' width='2043' height='100' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2621_69)'%3E%3Cg filter='url(%23filter0_d_2621_69)'%3E%3Cpath d='M2043 86.7014C2043 86.7014 2327 129.593 2972.5 61.0017C3618 -7.58987 4086 86.7014 4086 86.7014V893.798C4086 893.798 3775 814.594 3062.9 893.798C2350.8 973.002 2043 893.798 2043 893.798V86.7014Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cmask id='mask1_2621_69' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4086' y='0' width='2043' height='100'%3E%3Crect x='4086' width='2043' height='100' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_2621_69)'%3E%3Cg filter='url(%23filter1_d_2621_69)'%3E%3Cpath d='M4086 86.7014C4086 86.7014 4370 129.593 5015.5 61.0017C5661 -7.58987 6129 86.7014 6129 86.7014V893.798C6129 893.798 5818 814.594 5105.9 893.798C4393.8 973.002 4086 893.798 4086 893.798V86.7014Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cmask id='mask2_2621_69' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='2043' height='100'%3E%3Crect width='2043' height='100' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask2_2621_69)'%3E%3Cg filter='url(%23filter2_d_2621_69)'%3E%3Cpath d='M0 86.7014C0 86.7014 284 129.593 929.5 61.0017C1575 -7.58987 2043 86.7014 2043 86.7014V893.798C2043 893.798 1732 814.594 1019.9 893.798C307.802 973.002 0 893.798 0 893.798V86.7014Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_2621_69' x='1993' y='-10' width='2143' height='993' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='25'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2621_69'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2621_69' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_2621_69' x='4036' y='-10' width='2143' height='993' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='25'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2621_69'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2621_69' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter2_d_2621_69' x='-50' y='-10' width='2143' height='993' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='25'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2621_69'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2621_69' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.wave-bottom:after {
    top: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='6129' height='100' viewBox='0 0 6129 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2621_70' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='2043' y='0' width='2043' height='100'%3E%3Crect x='4086' y='100' width='2043' height='100' transform='rotate(180 4086 100)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2621_70)'%3E%3Cg filter='url(%23filter0_d_2621_70)'%3E%3Cpath d='M4086 13.2986C4086 13.2986 3802 -29.5933 3156.5 38.9983C2511 107.59 2043 13.2986 2043 13.2986V-793.798C2043 -793.798 2354 -714.594 3066.1 -793.798C3778.2 -873.002 4086 -793.798 4086 -793.798V13.2986Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cmask id='mask1_2621_70' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='2043' height='100'%3E%3Crect x='2043' y='100' width='2043' height='100' transform='rotate(180 2043 100)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_2621_70)'%3E%3Cg filter='url(%23filter1_d_2621_70)'%3E%3Cpath d='M2043 13.2986C2043 13.2986 1759 -29.5933 1113.5 38.9983C468 107.59 0 13.2986 0 13.2986V-793.798C0 -793.798 311.001 -714.594 1023.1 -793.798C1735.2 -873.002 2043 -793.798 2043 -793.798V13.2986Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cmask id='mask2_2621_70' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4086' y='0' width='2043' height='100'%3E%3Crect x='6129' y='100' width='2043' height='100' transform='rotate(180 6129 100)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask2_2621_70)'%3E%3Cg filter='url(%23filter2_d_2621_70)'%3E%3Cpath d='M6129 13.2986C6129 13.2986 5845 -29.5933 5199.5 38.9983C4554 107.59 4086 13.2986 4086 13.2986V-793.798C4086 -793.798 4397 -714.594 5109.1 -793.798C5821.2 -873.002 6129 -793.798 6129 -793.798V13.2986Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_2621_70' x='1993' y='-875' width='2143' height='993' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='25'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2621_70'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2621_70' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_2621_70' x='-50' y='-875' width='2143' height='993' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='25'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2621_70'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2621_70' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter2_d_2621_70' x='4036' y='-875' width='2143' height='993' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='25'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2621_70'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2621_70' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}

@media (max-width: 768px) {
    .wave-top:before,
    .wave-bottom:after {
        height: 12vw;
    }
}