Fix: Consistent animation naming in style.css and Portfolio.jsx

[jayandra-XQ]

What is this PR about?

This PR includes the following updates:

• Added a slide-in animation to the portfolio image and project boxes to enhance the visual experience.
• Modified the Portfolio.jsx file to apply the animation to the image and project boxes.
• Updated style.css to define the slideInLeft animation.

This PR addresses Issue #99: Inconsistent style.css and Portfolio.jsx file in tutorial.

Reason for the changes:

• These changes add a smooth, visually appealing animation to the portfolio section, improving the user experience and making the portfolio more engaging.

How to test the changes:

1. Clone the repository:

   git clone https://github.com/jayandra-XQ/codespaces-project-template-js
   

@alfredodeza

[alfredodeza]

why is this needed?