Adding hover effect for cards in service section (Anjaliavv51#371)

<!-- ISSUE & PR TITLE SHOULD BE SAME-->
Adding hover effect for cards in service section
## Description
<!--Please include a brief description of the changes-->
To enhance user experience and interactivity on the service section of
the website by implementing a visually appealing hover effect on service
cards. This feature aims to draw users' attention to the services
offered, encouraging them to engage more with the content.

## Related Issues

<!--Cite any related issue(s) this pull request addresses. If none,
simply state “None”-->
- Closes Anjaliavv51#349 

## Type of PR
<!-- Mention PR Type according to the issue in brackets below and check
the below box -->
- [X ] (Feature implementation)

## Screenshots / videos (if applicable)
<!--Attach any relevant screenshots or videos demonstrating the
changes-->
![Screenshot 2024-10-08
220230](https://github.com/user-attachments/assets/a3405e3f-f1a4-4c67-b543-62a19c4e5306)


## Checklist
<!-- [X] - put a cross/X inside [] to check the box -->
- [X] I have gone through the [contributing
guide](https://github.com/Anjaliavv51/Retro)
- [X] I have updated my branch and synced it with project `main` branch
before making this PR
- [X] I have performed a self-review of my code
- [X] I have tested the changes thoroughly before submitting this pull
request.
- [X] I have provided relevant issue numbers, screenshots, and videos
after making the changes.
- [X] I have commented my code, particularly in hard-to-understand
areas.


## Additional context:
<!--Include any additional information or context that might be helpful
for reviewers.-->

Html-files/services.html

@@ -286,6 +286,14 @@
     padding: 1rem;
 }
 
+.items {
+    transition: transform 0.3s ease;
+}
+
+.items:hover {
+    transform: scale(1.1);
+}
+
     </style>
 
 </head>
@@ -782,4 +790,4 @@ <h1  style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%); margin
 </body>
 
 
-    </html>
+    </html>