Magento Shop Frondend change for PC and Phone Modus

I want to make adjustments to the frontend design. I have created images that show how it looks before and how it should look after the changes. Some adjustments also need to be made for the mobile mode, as shown in the pictures.

Changes for the PC screen here in Magento Backend:

Magento 2 knowledge is required for this project