Cross-sites App parts using iFrames

I have a wiki page library inside site collection A, now I can add an app part which display the latest modified items , as follow:-

Now the problem is that I cannot do the same steps if I am inside site collection B , as the app parts are not available cross-sites. I read about the content search and content quesry web parts for cross-site references, but these two web parts lack the view settings where I can define setting such as:-

So the approach I am thinking of:-

1. To add the app part inside site A.
2. Then inside site B using Iframe inside a code snippet, to reference the app part at site A.
3. I tried doing so but this resulted in showing the whole page inside the iframe , what I need is to only display the app part’s related HTML inside the iframe.

Can anyone advice about this please?

Thanks