Thumbnail für Desktop und Mobil ändern

[Viktor_Stykow]

Hallo zusammen,

ich bräuchte Hilfe bei der Möglichkeit unterschiedliche Thumbails für mein Video zu hinterlegen. Auf dem Desktop sieht das Thumbail super aus, aber auf Mobil kann man nichts mehr erkennen. Deshalb würde ich gerne, dass ein anderes Thumbnail dafür verwendet wird. Besteht die Möglichkeit das im Benutzerdefinierten CSS anzupassen? Ich benutze das Theme Impact.

Folgende Screenshots dienen zur Veranschaulichung?

 

 

[TLorenz]

Du kannst es auch mit reinem CSS lösen und Media Queries.

Wenn das Bild als <img> Tag eingebunden wurde, schau dir "object-fit: cover; object-position, ..." .an Wenn es als Hintergrundbild (background-image) eingefügt wurde, sind "background-size, background-position, ..." interessant.

[Viktor_Stykow]

Ich bräuchte dafür ein bisschen mehr Hilfe.

Hab schon versucht den Code mit Chat GPT zu schreiben, jedoch war das leider kein Erfolg.