.wavey_size_large img {
    --size: 50px;
}

.wavey_size_small img {
    --size: 10px;
}

.wavey_top img {
    --m: .9;
    --p: calc(var(--m)* var(--size));
    --R: calc(var(--size)* sqrt(var(--m)* var(--m) + 1));
    mask: 
      /* Gradient 3 */ radial-gradient(var(--R) at left 50% top calc(var(--size) + var(--p)), #000 99%, #0000 101%) left calc(50% - 2* var(--size)) top 0 / calc(4* var(--size)) 100% repeat-x, 
      /* Gradient 4 */ radial-gradient(var(--R) at left 50% top calc(-1* var(--p)), #0000 99%, #000 101%) left 50% top var(--size) / calc(4* var(--size)) 100% repeat-x;
}



.wavey_bottom img {
    --m: .9;
    --p: calc(var(--m)* var(--size));
    --R: calc(var(--size)* sqrt(var(--m)* var(--m) + 1));
    mask: 
      /* Gradient 1 */ radial-gradient(var(--R) at left 50% bottom calc(var(--size) + var(--p)), #000 99%, #0000 101%) left calc(50% - 2* var(--size)) bottom 0 / calc(4* var(--size)) 100% repeat-x, 
      /* Gradient 2 */ radial-gradient(var(--R) at left 50% bottom calc(-1* var(--p)), #0000 99%, #000 101%) left 50% bottom var(--size) / calc(4* var(--size)) 100% repeat-x; 
}

.wavey_both img {
    --m: .9;
    --p: calc(var(--m)* var(--size));
    --R: calc(var(--size)* sqrt(var(--m)* var(--m) + 1));
    mask: 
      /* Gradient 1 */ radial-gradient(var(--R) at left 50% bottom calc(var(--size) + var(--p)), #000 99%, #0000 101%) left calc(50% - 2* var(--size)) bottom 0 / calc(4* var(--size)) 51% repeat-x, 
      /* Gradient 2 */ radial-gradient(var(--R) at left 50% bottom calc(-1* var(--p)), #0000 99%, #000 101%) left 50% bottom var(--size) / calc(4* var(--size)) calc(51% - var(--size)) repeat-x,
      /* Gradient 3 */ radial-gradient(var(--R) at left 50% top calc(var(--size) + var(--p)), #000 99%, #0000 101%) left calc(50% - 2* var(--size)) top 0 / calc(4* var(--size)) 51% repeat-x, 
      /* Gradient 4 */ radial-gradient(var(--R) at left 50% top calc(-1* var(--p)), #0000 99%, #000 101%) left 50% top var(--size) / calc(4* var(--size)) calc(51% - var(--size)) repeat-x;
}