Retouche/Effet sur image

Bonjour,
Je me doute que je ne suis pas dans le bon forum , veuillez déjà m'excuser.

J'ai une image rectangulaire qui s'affiche sur un device android un peu comme une banniere (header).
Donc resultat moche :)

On me demande de modifier cette image en y ajoutant une forme dans le bas comme sur l'example en attachement afin que notre image (logo entreprise) soit plus beau.
Pièce jointe 309634

Si vous regardez l'image en attachement il y'a un 1/8 de cercle en bas.
J'ai beau chercher sur internet , je ne vois pas comment à partir d'une image rectangulaire je pourrais realiser la meme chose enfin plus au moins ...

Voilà, une journée que je cherche et je ne trouve rien ...
si quelqu'un a une idée, je suis preneur ...
Toute explication est la bienvenue

Merci et bonne journée

Bonjour,
essaie de jouer avec la propriété border-radius de l'image, par exemple : border-radius: 0 0 80% 30%.

L'exemple demande des rayons de courbure différents pour le même bord. La syntaxe border-radius devra donc indiquer différentes valeurs pour un même bord, avec un "/" pour séparer les valeurs ou en indiquant 2 valeurs pour border-top-left-radius, border-top-right-radius, border-bottom-right-radius et border-bottom-left-radius comme indiqué dans la doc mozilla