How can I make a custom liquid video display wider?

[rlcotejr]

Hello,

I'm trying to make this video wide display, but cannot find any solution:

www.efx.co

My current code for the custom liquid is:

<style>
video {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
</style>
<video muted autoplay playsinline loop>
    <source src="https://cdn.shopify.com/videos/c/o/v/75220c270e7345c88e6537a8d4375a67.mp4"
                  type="video/mp4">
    <source src="https://cdn.shopify.com/videos/c/o/v/75220c270e7345c88e6537a8d4375a67.mp4"
                  type="video/mp4">
</video>

[ThePrimeWeb]

Hey @rlcotejr,

Between the style tags, add this

.shopify-section.shopify-section--custom-liquid section.section:has(video) {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.shopify-section.shopify-section--custom-liquid section.section .one-whole.column:has(video) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

[rlcotejr]

When using this, it’s extremely large on the Mobile version of the website. 

[rlcotejr]

Actually, it's oversized on desktop also. See screenshot.