Stripe Responsive auf mobilen Geräten

Moin Moin,
ich arbeite gerade an meiner Seite und komme nicht weiter.

Ich nutze ZP 13 in der Businiss Version und das Template "Stripe Responsive".

Nun habe ich folgende Probleme,
Ich habe als Hintergrundbild ein GIF um Bewegung in die Seite zu bekommen und es über Inline-CSS "background-attachment: fixed" fixiert.
Davor sitzt mein Logo als Artikel.... Soweit passt alles und funktioniert.

Das Problem:
-Das Logo ist 50% transparent als PNG angelegt. Im ZP sieht auch alles nach meinen Vorstellungen aus, allerdings wird beim uploaden die Transparenz nicht übernommen wodurch sich das Logo zu sehr in den Vordergrund drängelt.

screenshot ZP

screenshot Website

-nächstes Problem ist, dass die "GIF Animation" gut im Google Chrome läuft, allerdings wird sie im Firefox NUR abgespielt wenn ich am Mausrad drehe, also das GIF wird erst aktiv wenn die Seite selbst in Bewegung kommt.

-Als nächstes habe ich festgestellt, dass das GIF auf mobielen Geräten ( Smartphone / Tablet ) unmöglich aussieht, da es sich irgendwie nicht richtig auf die jeweilige Grösse des mobilen Geräts anpasst.

Danke im Vorraus für jede Hilfe, hier der Link zur Seite http://www.23grad.design/

Danke für die schnellen Antworten.
Mit dem Firefox muss es wohl an mir liegen, hab es auf meinem Laptop nochmal probiert, das selbe.
Dann de- und neu installiert, aber unverändert. Vllt ne Einstellungssache, ich bin aufjeden Fall schonmal beruhigt, dass es auch auf dem Firefox läuft.

Bei der transparenz, ist es aber auf jeden Fall zu kräftig und wenn ich die Datei auf 20% transparenz reduziere, ändert sich nicht wirklich was auf der veröffentlichten Seite obwohl es im ZP richtig angezeigt wird.

Moin Jochen,
die Seite hab ich aktualisiert, ohne Veränderung.
Ich hab das Logo jetzt auf 5% runter gezogen, damit ist es im ZP kaum sichtbar, aber auf der veröffentlichten Seite sieht es so aus wie ich es wünsche.

Zu dem GIF-Hintergrund, mit dem Beispiel von Mario, ändert sich nichts.
Aber beim rum spielen, habe ich rausgefunden, dass es am "background-attachment: fixed" liegt, dass es auf dem smartphone bescheiden aussieht.

Ich habe es auf der Startseite mit und im Kontakt ohne "background-attachment: fixed" angelegt um den Unterschied zu sehen http://www.23grad.design/.

Irgend ne Idee wie ich das HG-GIF ohne Qualitätsverlust fest stellen kann?

Grüße aus Wismar!

Hallo Uwe,
der Link ist teilweise interessant, aber dabei geht's eher um aufdringliche, blinkende Bannerwerbung und ähnliches.
Ich glaube von sowas bin ich mit meiner einen sich wiederholenden Welle weit weg.
Leider hilft mir das ganze bei dem Problem mit dem fixierten HG nicht weiter.

Für eine Lösung/Idee (außer drauf zu verzichten) wäre ich dankbar.

Grüße

Hallo Herr Seiz,
es geht geht nicht um den Browser-Cache, das war das erste was ich gemacht habe bevor ich mich hier gemeldet habe.
das Problem mit der tranzparenz habe ich gelöst in dem ich sie auf 5% runter gezogen habe. Dadurch ist das Logo im ZP kaum noch sichtbar, aber es ist auf der veröffentlichten Seite so wie es sein soll.

Bei dem FireFox-Browser, weiß ich nicht woran es liegt, bei einigen Leuten funktioniert die Wellenanimation, bei anderen nicht.(ist im Moment aber Zweitrangig).

Mein eigentliches Problem liegt im Moment darin, dass die Animation auf Mobilgeräten nicht funktioniert wie es soll.

ich möchte, dass das Hintergrundbild (Animation Welle) der Reihe nicht mitscrollt.
Dafür habe ich die Angabe " background-attachment: fixed " in die " inline-css " geschrieben.
Somit bleibt die Animation fest im Hintergrund und der Inhaltsbereich läuft davor.
Soweit so gut, am Rechner, Monitor funktioniert es im Grunde auch weil der Platz für das Gif gegeben ist.
Aber auf Mobilgeräten (Smartphone,Tablet..) funktioniert es nicht, da die Grösse nicht auf das entsprechende gerät angepasst wird.
Bei " background-attachment: fixed " verkleinert der Hintergrund sich dann nicht mehr entsprechend und wird somit viel zu groß und nicht mehr erkennbar dargestellt.

Wenn ich auf " background-attachment: fixed " verzichte, funktioniert es wie es soll.

Ich habe beide Beispiele nochmal identisch in der Seite angelegt.
Startseite 1 mit " background-attachment: fixed " (keine korrekte Darstellung)
Startseite 2 ohne " background-attachment: fixed " (korrekte Darstellung).

Sie müssten es sich auf dem Smartphone ansehen um zu sehen was ich meine.

http://23grad.design/

Vielen Dank für die Hilfe und Grüße aus Wismar.