Scaled header text on mobile (CSS?) and color palette help

Hi! Two questions, as I get back into the Squarespace game:

1. I love how scaled header text looks on desktop, but of course it looks ridiculously small on mobile. Is there a fix, CSS or otherwise, for this?
2. Is there a CSS way to enable the site-wide animation offerings only on one page, like just on the logo? (I'm not finding the animation I'd like in the regular image animation options.)

Thank you!

What is site url? We can check easier

#1. We can use CSS code to resize all text on mobile

#3. You can enable site wide animation then use code to disable on some pages

16 hours ago, DebJaverbaum said:

https://moonshotscholars.squarespace.com/

#1. You can add to Design > Custom CSS

/* Mobile Scaled text */
@media screen and (max-width:767px) {
[class*="scaled-text-"] * {
    font-size: 40px !important;
}
}

#2. Which page you want to disable animation?

Thank you. I think it would need another line of code to force a line break, because it goes outside of the container on mobile.  (For now I turned off the scaled text so my client can take a look.)