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.

I have tested the MR. But in paragraph field, there is no need of "text align : center". The design may look good without "text align : center" property. Rest of the changes looks fine to me.

@manishvijay02 I have updated the code as suggested and other then this I have styled readmore button and tags of views as well.
Here is the commit id:
https://git.drupalcode.org/project/techy_news/-/merge_requests/30/diffs?...
Please review.

I have reviewed the changes and it is working fine. The text is now properly aligned. Moving to RTBC++.