custom-css Parallax sections messing up on iPad...

Site URL: https://www.davai.squarespace.com

Hi all

I have just noticed some pretty substantial errors on one of our websites (password: davai). I have added multiple images as Parallax effect on certain sections with help from the following code:

[data-section-id="5f687b7bd45f307089cd61c5"]{
  .section-background{
    &::after {
    //creating the element      
      content: "";
      width:100%;
      height:100%;
      position: absolute;
      
      //adding the image
      background-image:url(https://static1.squarespace.com/static/5f6873716e3d0466b9953dd9/t/5f7ad62404f4b1678e14f967/1601885776821/RKP_2411.JPG?format=1500w);
      background-repeat:no-repeat;
      
      //positioning the image
      background-size:cover;
      background-position:center center;
      background-attachment: fixed;
      transform: scale(1);  
      
      //mobile
      @media(max-width:787px){
        background-position:center center;
        background-attachment: scroll !important;}}}}

I noticed there is a string of code to change the viewing on mobile, does it need one for tablet/ipads as well?

Any fixes will be greatly appreciated!

Can you check url? I think ssl issue, you can contact Squarespace Customer Care.