Is there a way to crop an image to fit only a certain region of it within a container other than using position-relative and absolute (without having to edit/crop the image beforehand). Of course, I used overflow-hidden property along with object-position but I couldn't position it properly as I wanted. It isn't for background, I wanted to do it for positioning a logo properly within the nav bar. How would you guys do it? For example:

Hey guys, hope you are all doing well. I got hired as a front end engineer for a company in London recently! I also got accepted to build a booking system app for a retreat centre in Portugal and am working as a project manager/ front end developer for that project. The road to getting into tech has been a long and hard one, but definitely building the crypto app was a huge benefit - the interviewers really liked it a lot. Also working on the squared app was crucial in getting the job as there were a lot of questions on Agile and examples of team work etc. I really hope this message motivates you guys to continue coding and becoming better developers, it will pay off . Just follow essentially whatever Cristean says and you will get a job 😂

Please take a look and any feedback is highly appreciated : https://codepen.io/Prudhvi-the-Polymath/pen/gOVXELM?editors=0010

Hello everyone, I'm Dax and I hope to be achieve my goal of becoming a software developer.

Hey mates, I've just finished the findtrend website, which taught me some new concepts, mainly 'media queries'. It does have an issue with embedded tweets, they aren't following the sizing rules given in media query spontaneously as the screen width changes, and takes effect only after a reload. I'd appreciate if you guys can have a look and give me some feedback, and I'd be very excited to dive into the magical world of Javascript🤩 Thanks in advance! Link : https://codepen.io/Prudhvi-the-Polymath/pen/RwzyMmQ?editors=1100