# Css with gif background? **URL:** \ **Category:** Ask for Help\ **Created:** [August 15, 2021, 3:27pm UTC](https://community.glideapps.com/t/css-with-gif-background/30509 "2021-08-15T15:27:06Z")\ **Posts on this page:** 10\ **Page:** 1
**Author:** ![lugasi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lugasi/32/33618_2.png) [@lugasi](https://community.glideapps.com/u/lugasi)\ **Post date:** [August 15, 2021, 3:27pm UTC](https://community.glideapps.com/t/css-with-gif-background/30509/1 "2021-08-15T15:27:06Z")
Hey there, i changed my background’s app using the amazing uzo’s code-book, and i put a gif url instead and it works great on my pc (and for a while on my iphone) but it collapses after 2-3 minutes… and then my phone shows only white box when the image suppose to be… ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [August 15, 2021, 11:09pm UTC](https://community.glideapps.com/t/css-with-gif-background/30509/2 "2021-08-15T23:09:49Z")
What code did you use for the GIF? ---
**Author:** ![lugasi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lugasi/32/33618_2.png) [@lugasi](https://community.glideapps.com/u/lugasi)\ **Post date:** [August 16, 2021, 4:53am UTC](https://community.glideapps.com/t/css-with-gif-background/30509/3 "2021-08-16T04:53:19Z")
I used this one, and replace url with the gif link, I tried also with some other image and still got the same problem… The css: (the full screen image background’s css from uzo’s code book) [Code BOOK](https://code-book.glideapp.io/dl/ewAiAHQAIgA6ADIALAAiAHMAIgA6ACIAYwBsAGEAcwBzAC0AYwBvAGQAZQBzACIALAAiAHIAIgA6ACIAVQBGAGIAcwBSAEYAdgBKAFIAQwB1AFcAWABqAFQAUgBwAHMAaABwAFEAUQAiACwAIgBuACIAOgAiAEMAUwBTACAAYwBvAGQAZQAiAH0A) ——————- ![](upload://5BRDbA4Iqb7fwyEmVOorIE11DQV.jpeg) ``` .back\_image{ width: max(120%, 40vw); } .jiuuwu svg { display: none; } [data-test="glide-app-bar"] {display: none} ``` ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [August 16, 2021, 5:15am UTC](https://community.glideapps.com/t/css-with-gif-background/30509/4 "2021-08-16T05:15:01Z")
I haven’t had time to try. Can you try using this one instead? > **[Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.](https://www.notion.so/glidecommunity/33d5984960d04785b38eeae6c5121001?v=5662bb67cd994c53ae87737ab952ddb2&p=61388c4c08e64109ab57b48cf72e10dc)** > > A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team ---
**Author:** ![lugasi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lugasi/32/33618_2.png) [@lugasi](https://community.glideapps.com/u/lugasi)\ **Post date:** [August 16, 2021, 12:08pm UTC](https://community.glideapps.com/t/css-with-gif-background/30509/5 "2021-08-16T12:08:03Z")
thx’ it works good with the default image but i after i change it to my image and try to fix it to match the size, in the pc it works fine but on the phone it disappear again. ---
**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\ **Post date:** [August 16, 2021, 12:30pm UTC](https://community.glideapps.com/t/css-with-gif-background/30509/6 "2021-08-16T12:30:29Z")
Does your image url start with https? Is it a publicly accessible image? Where are you hosting the image? ---
**Author:** ![lugasi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lugasi/32/33618_2.png) [@lugasi](https://community.glideapps.com/u/lugasi)\ **Post date:** [August 16, 2021, 1:04pm UTC](https://community.glideapps.com/t/css-with-gif-background/30509/7 "2021-08-16T13:04:55Z")
Yes it start with https, host in google photos and it’s public… when google give me the link it doesn’t work at all, and when i copied the image address to the css it shows the image on the pc but not on the phone… ---
**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\ **Post date:** [August 16, 2021, 1:19pm UTC](https://community.glideapps.com/t/css-with-gif-background/30509/8 "2021-08-16T13:19:18Z")
Would you being willing to share the url here? ---
**Author:** ![lugasi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lugasi/32/33618_2.png) [@lugasi](https://community.glideapps.com/u/lugasi)\ **Post date:** [August 16, 2021, 3:51pm UTC](https://community.glideapps.com/t/css-with-gif-background/30509/9 "2021-08-16T15:51:53Z")
Wooo ! i tried right now with some other host and it works perfect…thx a lot!! ---
**Author:** ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)\ **Post date:** [January 17, 2024, 4:50pm UTC](https://community.glideapps.com/t/css-with-gif-background/30509/10 "2024-01-17T16:50:54Z")