SVG image crops beyond site boundaries

Site URL: https://www.in-form-studio.com/

Hi everyone, 

I currently have images as SVG's on header sections of my site which allows for crisp lines, however they don't follow the site boundaries when viewed on mobile / tablet. Has anyone run into issues like this? Would there be a code that would solve this problem? 

Thanks a lot,

S.

I see icons fine here. It looks like you solved?

Hi @tuanphan apologies, these are actually header images on the Classes + About pages:

This problem unfortunately is still there:

https://www.in-form-studio.com/classes

https://www.in-form-studio.com/about

Let me know if you are still able to help.

Thanks a lot!

On 11/22/2020 at 10:39 PM, Sera said:

Hi @tuanphan apologies, these are actually header images on the Classes + About pages:

This problem unfortunately is still there:

https://www.in-form-studio.com/classes

https://www.in-form-studio.com/about

Let me know if you are still able to help.

Thanks a lot!

Hi. Do you still need help on this?

Hi @tuanphan I just solved it yesterday, thank you for getting back and all of your help thus far! 🙂