Some Info
I have a Laravel app setup on AWS server using Laravel Forge with nginx web server (this information may be irrelevant).
The goal
On one of the pages, I'm trying to serve an image which is loaded from a remote url (third party server) like this:<br>
style="background-image: url('http://xx.xx.xxx.xxx/foo/bar/image.png');"<br>
This server does not have ssl setup and serves the image over HTTP schema.
The problem
But when the page is accessed in the browser, it tries to load the image using HTTPS schema (don't know why) and because this remote server has all the traffic setup over HTTP, the page keeps loading and ends up with error net::ERR_CONNECTION_TIMED_OUT and image not loaded.
The evidence
Please take a look at the screenshots from chrome dev tools.
I honestly have no idea why the image url is forced to HTTPS. Tried to look around the issue but couldn't find much on google and stack overflow.
Edit
Here are the page response headers:
