How can I hide one of my sections, but keep it for later?

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/home

Hello, I am currently using some code that allows me to hide specific sections on my site from mobile, but keeps it in edit mode so I can make changes accordingly. Here's the code:

/* SECTION VISIBLE ON DESKTOP ONLY */
@media only screen and (max-width: 767px) {
    body:not(.sqs-edit-mode) section[data-section-id="6034c2b9d8e50b04d5651ea6"] {
        display:none !important;
        visibility: hidden !important;
        opacity: 0 !important
    }

    body.sqs-edit-mode section[data-section-id="6034c2b9d8e50b04d5651ea6"] {
        opacity: .5 !important
    }
}

Is there a way to actually hide this section from both Desktop and Tablet and Mobile and keep in edit mode?

Sometimes I have some sections designed and built that I don't want to display on site right now nor delete. I can just then remove the code when I want to show that particular section at a later date. Please help!

Page - https://bluebird-porcupine-yzdg.squarespace.com/home

Pword - bluebird

Many thanks,

Best,

Faiz

You can remove media query code & use this new code

 body:not(.sqs-edit-mode) section[data-section-id="6034c2b9d8e50b04d5651ea6"] {
        display:none !important;
        visibility: hidden !important;
        opacity: 0 !important
    }

    body.sqs-edit-mode section[data-section-id="6034c2b9d8e50b04d5651ea6"] {
        opacity: .5 !important
    }

Excellent thank you Tuanphan much appreciated 💯