Abgerundetes Heroimage

Hallo, sitze grad an was... zwar möchte ich mein Heroimage unten abgerundet haben so wie im Screenshot versucht habe ich es bereits mit

    border-bottom-left-radius: 10% 200px;
    border-bottom-right-radius: 10% 200px;

Das ist das komplette Hero

.heroheader{
    background-image: url(papier1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    width: 100vw;
    border-bottom-left-radius: 10% 200px;
    border-bottom-right-radius: 10% 200px;
    

}

Es wird aber nicht so dargestellt, die linke Seite hat trotzdem eine andere rundung als die rechte.

Eine Idee ?

Grüße Mike

Zitat von Sempervivum

Bei mir sind beide Seiten gleich, allerdings sieht die Rundung ganz anders aus als auf deinem Screenshot. Hast Du Scollbars? Wenn ja, ist das möglicher Weise eine Täuschung und kann behoben werden, indem Du body ein margin: 0; gibst.

Sehr merkwürdig, stimmt sogar... argh... ist mir das jetzt peinlich... jedoch dann ne andere Frage wie bekomme ich eine solche Rundung hin ? meine sieht immer sehr mies aus..

border-bottom-left-radius: 80% 250px;
    border-bottom-right-radius: 80% 250px;