I am building a simple movie search app using reactjs and omdbapi api the app works fine in local host, but after deploying in github pages i get this error

Blocked loading mixed active content “http://www.omdbapi.com/?s=l&apikey=ca6be1d4” App.js:19:28 Uncaught (in promise) TypeError: NetworkError when attempting to fetch resource.