Ja JPG kann bei entsprechender Farbtiefe auch Transparenz unterstützen, allerdings ist das an vielen Orten nicht darstellbar, dazumal würde ich von diesem mistigen Dateiformat eh abraten. (Qualität etc. ist im Gegensatz zu PNG & co. widerlich)
Nimm PNG, im Zweifel TIF(F)
Destruktive Vorgehensweise:
https://helpx.adobe.com/de/photoshop/using/gradients.html
Zunächst den Verlauf konfigurieren und die 1. Farbe auf Deckkraft 0% stellen. Dann einfach über die betroffene Ebene ziehen
Non-destruktive Vorgehensweise:
https://helpx.adobe.com/de/photoshop/using/gradients.html
Wie schon erwähnt - Ebenenmaske auf der betroffenen Ebene erstellen - 1. Farbe Schwarz und Deckkraft auf 100%; 2. Farbe Weiß, Deckkraft sollte auf 100% stehen und dann ziehst du das über die Maske (einfach im Ebenenmanager schauen, dass die selektiert ist und nicht die Ebene selbst)
Ich habe hier auf Arbeit kein Photoshop, kann dir das aber zumindest an einer Browservariante demonstrieren (photopea.com)
Dort siehst du wie das erstellt wurde an sich ganz gut, zumal das Ding ganz eindeutig PS als Vorbild hatte ;-)