Section chopping image when going responsive

my section is cropping part of an image in another section when I try to fix the margins aiming at responsiveness, I have played with overflow options and also change the margin however the illustration keeps getting cropp and the other elements under are overlapping, it works fine on desktop but I can’t seem to find a way to change the layout to vertical on other devices, as opposed to the split screen version on desktop


tablet version crops head of the dude

thanks in advance webflow community


here is my site’s link

https://preview.webflow.com/preview/landing-practice?utm_source=landing-practice&preview=0b05e052f576343ef50afe5b16dd47df