Below is my current code. The point of it is to show a different hero video on desktop vs. mobile.
It's working well for many iPhones, except for some iPhone 11 and 12.
How do I make sure it will cover all devices?
@media screen and (max-width: 641px) {
section[data-section-id="65e0094f8b572f1293662a84"] {
display:none !important;
}
}
@media screen and (min-width: 641px) {
section[data-section-id="65de97151bee7e00c709eef9"] {
display:none !important;
}
}