EC2 hosted WordPress - GET request from domain to EC2 host denied. "net::ERR_CONNECTION_REFUSED"

I have Wordpress hosted via an EC2 instance with traffic from domain routed through an ALB with an ACM issues certificate.

I have been struggling with a "Mixed Content Error" which is causing my site theme/styles to not display when connecting through the domain and ALB. When connecting directly to the EC2 public IP, everything displays as expected. To resolve the HTTP/HTTPS mixed content error, I installed the SSL insecure content plugin which resolved the mixed content error message but presented this new issue.

When accessing the page from the Route53 domain name which directs to the ALB - these are the errors I encounter in the console.

"DOMAIN_NAME"/:29 GET https://"EC2_Public_IP"/wp-includes/css/dist/block-library/style.min.css?ver=6.4.2 net::ERR_CONNECTION_REFUSED"DOMAIN_NAME"/:41 GET https://"EC2_Public_IP"/wp-content/themes/generatepress.3.3.1/generatepress/assets/css/main.min.css?ver=3.3.1 net::ERR_CONNECTION_REFUSED

There are a few other similar errors with different indexes and one separate error with a dropdown.

(index):13GET https://"EC2_Public_IP"/wp-includes/js/wp-emoji-release.min.js?ver=6.4.2 net::ERR_CONNECTION_REFUSEDt           @   (index):13(anonymous) @   (index):13Promise.then (async)        (anonymous) @   (index):13(anonymous) @   (index):13

I have tried removing the plugin and fixing the mixed content error through other means with no success. Hopefully someone here can help me dig a bit further into this.