How to change the height for these 2 videos on MOBILE only to make the height shorter?

Shopify Discussion
1

withaudette_0-1745399352437.png
withaudette_0-1745399352437.png354×645 143 KB

How to change the height for these 2 videos on MOBILE only to make the height shorter? It currently looks too large on mobile. I have tried to change it on customize theme (mobile height) but it doesn’t adjust and change anything.

https://www.audette.store/products/lip-treat-charm
https://www.audette.store/products/lip-butter-charm

2

Hi,

Need to add CSS at bottom in CSS file

CSS code example

@media only screen and (max-width: 767px) {
  video {
    height: 200px !important;
    object-fit: cover;
  }
}

Als you can target only specific video