text indentation (bullets) not working on mobile

Site URL: https://celery-beige-2z8c.squarespace.com/dream

Hello!

https://celery-beige-2z8c.squarespace.com/dream
pw: wildwomen

In the first block of text on this page, I would like the bullets to be indented. This looks great on desktop, but on mobile (both squarespace mobile view and on safari on iOS), the bullets are moved to the side, creating with a huge gap (whitespace). It seems like the indentation does not move relative to the text above.

I've played around quite a bit with formatting, and nothing seems to help. I'd be happy with putting some code in the css that makes it so that indentation moves with the text above (if that makes sense) or just doesn't indent at all once the screen is smaller than a standard sized screen.
 

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1590659335562_14167 ul {
    margin-left: 0 !important;
}
}

Thank you @tuanphan - this worked! 😀