Poor quality rendering in iPad and iPhone browser

Replace the text below with the details of the issue you are facing.
DO NOT simply erase the form and type a free-form response.

Issue Summary

The quality of rendered math is poor in Safari and Chrome in iPad and iPhone. The rendering is good in desktop environments. I'm using mathjax 3 tex-svg-full.js from CDN

Steps to Reproduce:

I'm not sure whether it the problem only on my website or others have noticed this issue. If it helps here is the link that contains some maths https://drmithileshkumar.com/notes/maths/Sets/Introduction

Any other information you want to share that is relevant to the issue being reported. Especially, why do you consider this to be a bug? What do you expect to happen instead?

Technical details:

• MathJax Version: 3.2
• Client OS: iPadOS 16
• Browser: latest chrome and safari

I am using the following MathJax configuration:

MathJax = {
...
};

and loading MathJax via

<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg-full
![IMG_4D65CD0060A0-1](https://user-images.githubusercontent.com/107769458/211332995-101bf742-c645-42c5-b5b5-6b9b6671863e.jpeg)
.js"></script>

Supporting information:

• Please supply a link to a (live) minimal example page, when possible.
• If your issue is with the display of the mathematics produced by MathJax, include a screen snapshot that illustrates the problem, when possible.
• Check your browser console window for any error messages, and include them here.
• Include the MathJax configuration you are using, and the script tag that loads MathJax itself.