# Struggling with CSS

**URL:** <https://community.hubspot.com/t/struggling-with-css/71820>\
**Category:** CMS Development\
**Created:** [December 26, 2022, 10:40am UTC](https://community.hubspot.com/t/struggling-with-css/71820 "2022-12-26T10:40:23Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Deonb23](https://avatars.discourse-cdn.com/v4/letter/d/df705f/32.png) [@Deonb23](https://community.hubspot.com/u/Deonb23)\
**Post date:** [December 26, 2022, 10:40am UTC](https://community.hubspot.com/t/struggling-with-css/71820/1 "2022-12-26T10:40:23Z")

</div>

Hi Community

I am using a theme called Quest. On my homepage, I am trying to run a responsive video depending on the user’s screen size. When I test the Html and CSS I am using (below) it works fine, however when I add the code to the Video module, the header cuts off some of the video on Desktop, and almost wholly dominates the Tablet and Mobile screen without showing the video at all. This is the code that I am using. Any advice would be appreciated immensely:

\<html\>  
\<video id=“background-video” autoplay loop muted poster=“[https://assets.codepen.io/6093409/river.jpg](https://assets.codepen.io/6093409/river.jpg)”\>

\<source src=“[https://storage.googleapis.com/outdoorappliances/Outdoor%20Appliances.mp4](https://storage.googleapis.com/outdoorappliances/Outdoor%20Appliances.mp4)”\>  
\</video\>

\<style\>/\* video background \*/  
#background-video {  
width: 100vw;  
height: 100vh;  
object-fit: cover;  
position: fixed;  
left: 0;  
right: 0;  
top: 0;  
bottom: 0;  
z-index: -1;  
}

[@media](https://community.hubspot.com/t5/user/viewprofilepage/user-id/83477) (max-width: 950px) {  
#background-video { display: none; }  
body {  
background: url(“[https://f.hubspotusercontent-eu1.net/hubfs/26497125/Outdoor%20Appliances%20UK.png](https://f.hubspotusercontent-eu1.net/hubfs/26497125/Outdoor%20Appliances%20UK.png)”) no-repeat;  
background-size: cover;  
}  
}

\</style\>  
\</html\>

---

<div class="post-metadata">

**Author:** ![EWood](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ewood/32/91285_2.png) [@EWood](https://community.hubspot.com/u/EWood)\
**Post date:** [December 27, 2022, 3:56pm UTC](https://community.hubspot.com/t/struggling-with-css/71820/2 "2022-12-27T15:56:58Z")

</div>

Hello @Deonb23 , happy Tuesday! Thanks for reaching out to the HubSpot Community.

I would like to add some top experts to share their thoughts. @miljkovicmisa @Teun, any recommendations to @Deonb23?

Thank you,

Elyse

---

<div class="post-metadata">

**Author:** ![jnix284](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jnix284/32/29_2.png) [@jnix284](https://community.hubspot.com/u/jnix284)\
**Post date:** [January 2, 2023, 9:46pm UTC](https://community.hubspot.com/t/struggling-with-css/71820/3 "2023-01-02T21:46:29Z")

</div>

Hi @Deonb23 , I would suggest reaching out to the theme developer to see if they can point you in the right direction, you can [find their support email here](https://app.hubspot.com/ecosystem/21133407/marketplace/website/quest-theme-by-juice-tactics-snacks), just click the Support tab at the top.