How do I position the img to look the same way it does in the figma file?

I am doing a frontend mentor challenge and I cant get the picture to look how it looks in the picture. I tried making the container position relative and the position absolute but it makes the page wider even if i put overflow: hidden. I am doing mobile first so i’m trying to get it to go from mobile to tablet size with the media query.

I have the figma file on github if you want to see that https://github.com/JosephCass/e-learning

Figma Tablet Size Screenshot

code https://codepen.io/Joseph9384/pen/gOvVdYv