Why is my mobile-only display not working on Flex theme?

I am trying to get the below section to display over mobile only. I’ve used the following css to try and hide this on desktop which hasn’t worked.

@media (min-width: 767px) {
.slideshow-classic
{
display: none !important;
}

Where am I going wrong??

I’m using Flex theme if this helps. https://hello-ea9a.myshopify.com/

Thank you in advance

Please add the following to your CSS

@media only screen and (min-width: 620px) {
#shopify-section-template–14355960823885__16618493962a319b5f {
display: none;
}
}