HTML & CSS

1. What is the best practice to handle the image position in this case? For my solution, I use flexbox to help positioning the image. I am not sure this is the best way to do it

2. How can I change the image color so that it is nearly same as the design? I find out the design image color has a much more saturated purple color. I just created a violet background color for the flexbox and tuning the opacity of the image to make it similar to the design.

Thanks