Facebook Pages Html Slideshow or Carousel

Good Morning,

I'm trying to make a slideshow or a carousel of two facebook pages with html and add it into elementor sidebar.

On the image: First example is carousel, but I don't know how to change position to fit in the image. Second example is slideshow, but the next arrow is out of the image.

I tried based on w3schools examples.

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_slideshow_gallery

https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_carousel&stacked=h

Can somebody help me?

I'm giving the pages codes.

Thanks

<center><iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fgysy.gln%2F&tabs&width=300&height=130&small_header=false&adapt_container_width=false&hide_cover=false&show_facepile=true&appId=2220630698212791" width="300" height="130" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe></center>

<center><iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FGSGlykonNeronBasketball%2F&tabs&width=280&height=130&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=2220630698212791" width="280" height="130" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe></center>

Example of what I'm trying

How many English words
do you know?
Test your English vocabulary size, and measure
how many words do you know
Online Test
Powered by Examplum