Responsive Background Image Implementation

Job ID: 38906779

Budget: €8 – €30 EUR

I'm a junior developer struggling with setting up a fixed background image in my Next.js project styled with Tailwind.css. I need assistance to implement a couple of background images so they scale down on smaller screens, maintaining their original aspect ratio.

The images are to be placed in the sections labeled "discover the beauty of Latin America" and "about".

Key Requirements:
- Experience with Next.js, Tailwind.css and JS.
- Ability to implement fixed background images
- Knowledge of responsive design principles
- Understanding of maintaining original aspect ratio of images

This is a learning project for me and I would appreciate a freelancer who can help me understand the solution.

This is the repo : https://github.com/SalomonFranco/MinimalistPortfolio and the branch I am working on is called creatingTies.

To launch the repo you can do yarn and then yarn dev.
Related categories: JavaScript HTML5 React.js Next.js Tailwind CSS