كيفية وضع صور على بانرات كل فئة فرعية؟

أود أن يكون لكل فئة فرعية صورة بانر.
هل يمكن لأحد أن يشرح لي كيفية القيام بذلك:
هذه هي الخطوات التي أقوم بها:
1.- أقوم بتثبيت المكون وإضافته في السمة الخاصة بي إلى المكون.
2.- أقوم بتعطيل:
إظهار الوصف
إظهار الوصف من منشور “حول هذه الفئة”
3.- أقوم بتحرير css/html وأضع صورة للكمبيوتر وأضع صورة أخرى للهاتف المحمول.
هذا ما وضعته:

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

الأخطاء التي أود إصلاحها:

1.- لا أعرف كيف أخفي نص اسم الفئة الفرعية الموجود فوق الصورة. أود إزالة النص الذي يقول “Musica pop”.

2.- الصورة لا تظهر بالكامل، تم اقتصاص الصورة بشكل كبير.

شكرا جزيلا.

@Pandabear يوجد أيضًا هذا المكون، والذي قد يوفر بعض الخيارات الأخرى التي قد تناسب حالة الاستخدام الخاصة بك:

شكراً جزيلاً، إذا كان يناسب ما أبحث عنه، فقد انتهيت بالفعل من تعديله حسب ذوقي، هناك خطأ بسيط آمل أن يتمكن شخص ما من حله، ولكن شكراً لك.