¿Cómo poner imágenes en cada banner de subcategoría?

Soporte
1

Me gustaría que cada subcategoría tuviera una imagen de banner.
¿Alguien puede explicarme cómo hacerlo?
Estos son los pasos que sigo:
1.- Instalo el componente y lo agrego a mi tema.
2.- Desactivo:
mostrar descripción
Mostrar descripción de la publicación “Acerca de esta categoría”
3.- Edito css/html y pongo una imagen para la computadora y otra imagen para el teléfono móvil.
Esto es lo que pongo:

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

Errores que me gustaría solucionar:

Captura de pantalla 2023-09-11 233157
Captura de pantalla 2023-09-11 2331571207×352 116 KB

1.- No sé cómo ocultar el texto del nombre de la subcategoría que se encuentra encima de la foto. Me gustaría eliminar el texto que dice “Música pop”.

2.- La imagen no se muestra en su totalidad, la imagen se recorta en la parte superior.

Muchas gracias.

2

@Pandabear También existe este componente, que puede ofrecer otras opciones que se adapten a tu caso de uso:

3

Muchas gracias, si encaja mejor con lo que busco, ya he terminado de ajustarlo a mi gusto, hay un pequeño error que espero que alguien pueda solucionar, pero gracias.