I am looking to build the following design but having a hard time structuring the css. I am finding it difficult to place the image in the bottom right corner but taking up the space it does. I have shared a design image file for reference.
Any thoughts on how I can code this design?
There are a lot of things to consider, like responsiveness and how you want the entire page dynamic to work.
I’ll assume this is a section, and that you want the image to go to the end of the section.
In that case, the place for you to start learning is probably flexboxes, something like this should give you ideas for a starting point
DIV - flex horizontal, 100vw, 100svh
DIV - contains your text content. maybe 40% width, 100% height
DIV - contains your image content, 60% width, 100% height, flex vertical, align to end
IMG - 100% width