fix: homepage cards

Author: parker02311

_data/projects.yml

@@ -1,11 +1,11 @@
 - name: Emergency Vehicle Creator
-  image: EVC-Dropshadow.png
+  image: EVC.png
   version: 3.0.0
   type: Plugin
   link: https://evc.redon.tech
 
 - name: Weather Systems
-  image: EVC-Dropshadow.png
+  image: WS.png
   version: 2.0.0
   type: Plugin
   link: https://create.roblox.com/store/asset/4702214872/
@@ -23,13 +23,13 @@
   link: https://hub.redon.tech
 
 - name: Fire System
-  image: EVC-Dropshadow.png
+  image: FS.png
   version: 2.0.1
   type: Script
   link: https://firesys.redon.tech
 
 - name: Soundpad Downloader
-  image: EVC-Dropshadow.png
+  image: SP-D.png
   version: 1.0.0
   type: Other
   link: https://github.com/Redon-Tech/Soundpad-Downloader

_layouts/home.html

@@ -85,7 +85,7 @@ <h2 class="pb-2 text-center fw-bold">Our Projects</h2>
     {% for project in site.data.projects %}
     <div class="col">
       <a href="{{ project.link }}" target="_blank"
-        class="card-hover card card-cover h-100 overflow-hidden text-bg-dark rounded-4 shadow-crust project-image"
+        class="card-hover card card-cover h-100 overflow-hidden rounded-4 shadow-crust project-image"
         style="background-image: url('assets/images/{{ project.image }}');">
         <div class="d-flex flex-column h-100 p-5 pb-3 text-dark text-shadow-1">
           <h3 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold align-text-bottom">{{ project.name }}</h3>

_sass/site.scss

@@ -103,9 +103,11 @@ article {
 }
 
 .project-image {
-    background-position: center;
-    background-size: auto 115%;
+    background-size: cover;
     background-repeat: no-repeat;
+    background-position: 50% 50%;
+    width: 100%;
+    height: 100%;
 }
 
 .card-hover {