Image resize on mobile - not working

It's possible that you may need to add some additional CSS to the Cassiopeia template to ensure that the images with captions resize properly on mobile devices. One solution could be to use the following CSS code:

@media (max-width: 767px) {
.captionedImage {
width: 100% !important;
height: auto !important;
}
}


This code targets images with the class "captioned Image" and sets their width to 100% and height to auto when the screen width is less than or equal to 767 pixels (typical mobile device width). You can add this CSS code to the template's custom CSS section or to the page where the images are located. Keep in mind that this solution assumes that the images with captions have a specific class assigned to them, so make sure to update the CSS code with the correct class name if necessary.

Let me know if you have questions
Thanks

That almost did the trick, had to make a minor change, and captioned images now resize on my iPhone:

As reference for others:  You add this to /media/templates/site/cassiopeia/css/user.css

/Mikael

thank you for your feedback and sharing your code !
I was busy with my websites mgration until now. I will add your code in the next release