Janglad

This actually seems to be caused by the WebGL effects and not the CSS code I used as disabling them fixes it. Is this a bug on Squarespace's end? Maybe forcing a different banner for mobile can still fix it? Or as a last ditch: is there any way to disable the WebGL Image effects on mobile only? Thanks a ton in advance!

Hi! Not yet

Site URL: https://www.janglad.works/modol Like many others I had issues with the mobile banner cropping too much, I solved this with this code: @media screen and (max-width:640px) { section[data-section-id="5fabebd25e6bfa61e3a51e64"]{ min-height: 0 !important; height: 120vw; } section[data-section-id="5fabebd25e6bfa61e3a51e68"]{ min-height: 0 !important; height: 60vw; } } however this results in the images becoming very pixelated, from what I understand Squarespace creates multiple version of images when you upload them and I assume the correct one isn

Site URL: https://www.janglad.works/dharma Hi I'm setting up my site where a text sections have an image as a background to match the section images displayed between them creating a seamless look. This works great on Safari/Firefox but for some reason having a WebGL effect applied like Pan darkens the image in Chrome. It doesn't seem to be consistent either, with some images only having the issue with Zoom and others also having it with Pan etc. Please check out the attached images and note the colour difference between the top image and the section that has "Dharma" in it once