[GELÖST] DIV abschneiden oder Teils entfernen

[MyAndi]

Hallo, ich beschäftige mich nach mehreren Jahren mal wieder mit Webdesign und habe dieses Forum hier bei Google gefunden.
Ich suche eine bestimmte Funktion für CSS und möchte euch fragen ob man sowas mit CSS oder auf anderem Wege umsetzen kann.
Ich habe die Titel abgesucht aber leider nichts passendes gefunden.
Ich hoffe auf der einen Seite dass diese Frage hier im Forum noch nicht gestellt wurde und auf dern anderen Seite wiederum doch und es diese Möglichkeit gibt.

Ich möchte gerne einen DIV mit einem ovalen Kreis, Farbe rot.
Dieser DIV soll dann abgeschnitten werden und das zur hälfte.

Hier mal ein Beispiel mit Bildern:
DIV A ist mein ovaler Kreis in der Farbe rot

DIV B über DIV A gelegt

DIV B ein wenig transparent gemacht zur veranschaulichung

DIV B dafür genutzt um DIV A abzuschneiden damit alle was im C Berreich liegt auszublenden damit nur noch der Rest von DIV A angezeigt wird

Kann das irgendwie funktionieren?

[ain01]

Ja, schau mal hier: https://jsfiddle.net/8nfy6f2m/

[MyAndi]

Ja, schau mal hier: https://jsfiddle.net/8nfy6f2m/

Dankeschön ain01!