Wie fügt man Bilder auf die Banner jeder Unterkategorie ein?

Unterstützung
1

Ich möchte, dass jede Unterkategorie ein Bannerbild hat.
Kann mir jemand erklären, wie das geht:
Das sind die Schritte, die ich mache:
1.- Ich installiere die Komponente und füge sie in mein Theme in die Komponente ein.
2.- Ich deaktiviere:
Beschreibung anzeigen
Beschreibung aus dem Beitrag „Über diese Kategorie“ anzeigen
3.- Ich bearbeite CSS/HTML und füge ein Bild für den Computer und ein weiteres Bild für das Mobiltelefon ein.
Das ist es, was ich eingefügt habe:

.category-title-header {
  &.category-banner-music-pop {
        background: url(https://holaforo-files.nyc3.digitaloceanspaces.com/original/4X/d/b/7/db787ef2c390e80920e7dabbfa68800268bc4f79.jpeg);
  }
}

Fehler, die ich beheben möchte:

Screenshot 2023-09-11 233157
Screenshot 2023-09-11 2331571207×352 116 KB

1.- Ich weiß nicht, wie ich den Text des Unterkategoriennamens ausblenden kann, der über dem Foto steht. Ich möchte den Text „Musica pop“ entfernen.

2.- Das Bild wird nicht vollständig angezeigt, das Bild wird stark beschnitten.

Vielen Dank

2

@Pandabear Es gibt auch diese Komponente, die einige andere Optionen bieten könnte, die für Ihren Anwendungsfall geeignet sind:

3

Vielen Dank, wenn es besser zu dem passt, was ich suche, habe ich es bereits nach meinem Geschmack angepasst, es gibt einen kleinen Fehler, den ich hoffe, dass jemand lösen kann, aber danke.