NO BUG: SVG image is flipped 180 degrees on mobile devices

Bugs
1

Browser: Chrome 110
OS: Windows with ios
URL: 醫美診所 – NPLUS 恩普拉斯空間設計

Hi,
I just found a problem with SVG images on mobile devices. The images are displayed correctly on desktop browsers (image1 & 2), but they are flipped 180 degrees when viewed on mobile browsers.(image 3)

I have attached a screenshot of the problem. As you can see, the image of the arrow is flipped upside down.

image 1: https://i.imgur.com/CgnWnqx.jpg
image 2: https://i.imgur.com/Jqk4q25.jpg
image 3: https://i.imgur.com/iMqstAz.jpg

I have tried the following to fix the problem:

  • I have checked and changed the SVG file resource.
  • I have tried different mobile browsers, but the problem persists.

I would appreciate your help in resolving this issue.

2

The issue has been resolved.
It was an issue with the svg image attributes. I re-created the SVG file in Canva and uploaded it again, and it is now working properly.