CSS distorted while adding Title, Image, Content

Hi, the patch failed to apply with the error mentioned in the screenshot.

I have improved the CSS and the order of the content of the node. Additionally, if you want to further improve the design of the node, you can change the order of the navbar menu and the page title using the block layout. You can also remove any unwanted blocks from the header through the block layout.
Here is the MR: https://git.drupalcode.org/project/techy_news/-/merge_requests/30
Here is the screenshot I am attaching for the reference:

I applied MR!30, I'm seeing some issues with spacing on top and bottom. Attached SS for reference.

I have added the SCSS file that I mistakenly forgot to include. Here is the screenshot for reference.