How to make iframe responsive for mobile devices?

I am building movie website project and have some cards which have button to watch the trailer for particular movie.
But there is content fitting problem.
I mean iframes outer boundry fits perfectly but while watching inner video i have to scroll on mobile devices, I have tried css properties like scale, zoom etc. but it doesn’t work is there any way to do this?
here is link for my github repo