I have a problem with my Webflow website. The images disappear when I watch them in Portrait mode on mobile devices. It seems to happen randomly. When I looked into the source code of my website I saw that Webflow is automatically assigning “sizes” to the image. So when the viewport is below 479px, the size (height) is 0px. The only way to change it is to apply a fixed size on the image. But how can I change this without having a fixed size?
I already tried changing the lazy load of the images. I also tried to remove the CSS from the image, but these things do not work.
<img src="https://uploads-ssl.webflow.com/624c1bfed0c751bc361214d3/639614be67bb258c0bf13a39_TESTMAP.JPG" alt="" sizes="(max-width: 479px) 0px, 100vw" srcset="https://uploads-ssl.webflow.com/624c1bfed0c751bc361214d3/639614be67bb258c0bf13a39_TESTMAP-p-500.jpg 500w, https://uploads-ssl.webflow.com/624c1bfed0c751bc361214d3/639614be67bb258c0bf13a39_TESTMAP-p-800.jpg 800w, https://uploads-ssl.webflow.com/624c1bfed0c751bc361214d3/639614be67bb258c0bf13a39_TESTMAP-p-1080.jpg 1080w, https://uploads-ssl.webflow.com/624c1bfed0c751bc361214d3/639614be67bb258c0bf13a39_TESTMAP.JPG 1279w" class="mapimage">