Come mettere immagini su ogni banner di sottocategoria?

Vorrei che ogni sottocategoria avesse un’immagine banner.
Qualcuno può spiegarmi come fare:
Questi sono i passaggi che eseguo:
1.- Installo il componente e lo aggiungo al mio tema.
2.- Disattivo:
mostra descrizione
Mostra descrizione dal post “Informazioni su questa categoria”
3.- Modifico css/html e inserisco un’immagine per il computer e un’altra immagine per il cellulare
Questo è quello che ho inserito:

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

Bug che vorrei correggere:

1.- Non so come nascondere il testo del nome della sottocategoria che si trova sopra l’immagine. Vorrei rimuovere il testo che dice “Musica pop”.

2.- L’immagine non viene mostrata per intero, l’immagine viene ritagliata in alto

Grazie mille

@Pandabear C’è anche questo componente, che potrebbe offrire altre opzioni adatte al tuo caso d’uso:

Grazie mille, se si adatta meglio a quello che sto cercando, l’ho già finito di adattare ai miei gusti, c’è un piccolo bug che spero qualcuno possa risolvere, ma grazie.