Error Sending PDF Files to S3 via API: Missing Access-Control-Allow-Origin Header Despite CORS Being Enabled

Hello, I would like to send png and pdf files through the API from my Bubble application via JS script to a bucket S3. I have added a role to IAM to which i granted GetObject and PutObject policies. I added a put request and enabled CORS, checking all the fields and saved it. I have added application/pdf and image/png to my Binary media types in API settings. Then I deployed the API, however I keep getting the following error that says that in the header of my PUT it says that I don't have Access-Control-Allow-Origin despite having it enabled in my Method Response of the PUT. When testing the API in Insomnia it shows status 200: OK.