Help with changing size and location of block id image on mobile version

WEBSITE URL - https://hellowellness.com.au/

Hi, on the mobile version of the website, please help with my title "Hello Wellness" I can't change the location to the left therefore half of it is cut off and it's too big on the mobile version of the site. I have a block id for the image but can't seem to find the right codes to edit the image. 

I'm currently using these codes:

header {display:none}
/* CSS FOR TABLET AND MOBILE */
@mobile:  ~"only screen and (max-width: 640px)";
@tablet:  ~"only screen and (min-width: 641px) and (max-width: 949px)";

/* CSS FOR TABLET */
@media @tablet {
/* Insert Code for Tablet Below This Line*/

/* Insert Code for Tablet Above This Line */
}

/* CSS FOR MOBILE */
@media @mobile {
/* Insert Code for Mobile Below This Line*/
#block-yui_3_17_2_1_1692076346143_8211 { 
  display:block; 
  left: 0;
  width: 0;
  margin:0 auto;
}
/* Insert Code for Mobile Above This Line */
}
html, body {
  overflow-x: hidden;
}
body {
  position: relative
}

@Anastasia29 You can try removing the previous code and add the code below for the mobile version:

@media only screen and (max-width: 640px) {
	svg:not(:root) {
		width: 100vw !important;
		height: 200px !important;
	}
	.fe-block-yui_3_17_2_1_1692076346143_8211, #block-yui_3_17_2_1_1692076346143_8211 {
		width: 100vw;
		height: 200px !important;
	}
}

Let me know how it goes. Thanks!

Thank you so much!! That worked perfectly 🙂