Mobile parallax changes

Hello,
sorry to repost it… forgot to set it to “support topic”
i have a couple of problems with my site (https://the-seeker-camps.com). I tried to change the CSS, but it only works sometimes, or when I publish something it goes back to the original CSS ;( its kinda frustrating.
Most stuff works fine but changes from time to time, if I pretend to change something (eg ad an space) and then save it reloading the new CSS and it works again.

  1. second button color (fine)
    /* 2nd button color /
    .btn.btn-lg.btn-white {
    border-color: #e7a5a4;
    color: #fff;
    background-color: #e7a5a4;
    }
    /
    2nd button hovercolor */
    .btn-white:hover, .image-bg .btn:hover, .image-bg .btn:visited:hover { background-color: #f08080;
    color: #fff;
    border-color: #f08080;
    }

My other issue is with the mobile version.
2) It seems when people open it mobile on whatsapp that the pictures aren’t loading.

  1. The headline
    Due to the image its not readable, so I tried to move the headline down, but then the 2nd button disappears. So i tried move the headline down and expand the height of the parallax, it worked at on point, but “something” happend and suddenly it didn’t looked good anymore ;(
    I then tried different version of CSS codes, but didn’t had any luck.

/Move the header to the top @media/
@media (max-width: 767px){ #shapely_home_parallax-2 .align-transform {
top: 55%;
}
body .parallax-mirror:first-child {
height: 650px;
}

h1 { font-size: 24px; font-weight: bold;
}
}

Thanks for your help
Sophie

Hello,

I hope you are doing well today.

I was able to reply to the original ticket, so I will go ahead and close this ticket. Please respond to the other one when you can.

Best Regards,
Support