Arkaplan resminde bu görüntüyü nasıl elde edebilirim?

Merhabalar. Bu arkaplan resminde bu görüntüyü elde etmem gerek fakat bir türlü yapamadım. Yardımcı olur musunuz?

İçerideki top bu şekilde olmalı. Fakat bende şu şekilde oluyor.


background-position-x -50% vererek sola doğru taşıdım fakat background-position-y ile yukarıya taşıyamıyorum değer işlemiyor. Aynı zamanda soldan taşırdığımda ekranın diğer tarafından da çıkması gerekiyor bunun için hangi property kullanılmalı veya böyle bir property bulunuyor mu acaba? Body içinde resimle alakalı kodlarım da anlık bu şekilde:

body{
    background-image: url(./images/bg-pattern-top.svg);
    background-position-x: -50%;
    background-repeat:space;
    background-size:contain;
    background-color: var(--dark-cyan);
}

repeat ve size kodlarını denemek için verdim ama başarılı olmadı

Biri aynı konuda takılırsa diye yazayım nasıl olacağını çözdüm.

    background-image: url('./images/bg-pattern-top.svg'), url('./images/bg-pattern-bottom.svg') ;
    background-repeat: no-repeat, no-repeat ;
    background-position: right 50vw bottom 50vh, left 50vw top 50vh;

vw ve vh ayarları hiç aklıma gelmemişti