Something misconfigured in my appwrite app or htacess

Hello community! I've tried to solve this on my own, searched many forums and I can't seem to get the correct configuration to make it work. What I have is an App on appwrite with reactJS. Hosted on HostGator. WebApp/Site URL is nupperson.com. It's based off the ReactJS JSMastery tailwind tutorial.

2 issues that I can't wrap my head around. Only happening on mobile browsers. Internal Server Error and no HTTPS (*on some mobile browsers).

I've updated my htacess to allow users to naviagte directly and it works fine.... on PC. All pages are https. I can manually redirect to pages. entering them in any browser directly. I can right click on any users image that I'm displaying from the appwrite DB and open them in new tabs. This works on multiple PC web browsers. Great success.

On Mobile web browsers. I get Internal Server Errors. Safari also resolves the URL and complains that I am not HTTPS.

I've tried to manually override in my htaccess file to fix the https / allow users to redirect. And nope.
More importantly I really want to figure why I get Internal Server Errors / Misconfiguration on mobile only when I open an image in a new tab.

Hoping there is just something I'm missing on the appwrite side for mobile / Safari / etc. Maybe something I missed in my htaccess file? Any thoughts?

Here is the htacess snippet just in case anybody thinks it could be that and not something I haven't done in appwrite