Unable to have my application secured with HTTPS after connecting to the login box

Hi everybody,

As you can see in the first screenshot, I managed to have a valid certificate or have my site in HTTPS.

Then in the second screenshot, you can see that on the Lightsail platform I added in the record name box the address of my application, then I route the traffic to the CloudFront address that we gave me when my certificate was validated. Then I added a record that indicates the name of my certificate and its value.

When I go to the web address of my application, we can see on the third screenshot that the address is secured with a padlock.

On the other hand, in the fourth screenshot we can see that when I connect to the application there is an error and I am unable to access the application.

We can see in the last screenshot that I select HTTPS. So I really don't understand why it's not working.

Thanks for your help.