improved achievment image support

exampleSite/config.yaml

@@ -277,16 +277,16 @@ params:
       - title: Google kickstart runner
         content: I solved all problems with optimal solution.
         url: https://example.com
-        image: /images/projects/profile.png
+        image: /images/achievment.jpg
       - title: Facebook Hackathon Winner
         content: Developed a product using Artificial Intelligence.
-        image: /images/projects/profile2.jpg
+        image: /images/achievment.jpg
       - title: Hugo Profile
         content: Developed a theme and getting 1K+ downloads per month.
         url: "https://github.com/gurusabarish/hugo-profile"
+        image: /images/achievment.jpg
       - title: Microsoft Imagine Runner
         content: We are developed a product which can help others.
-        image: /images/projects/converter.jpg
       - title: Google Summer of Code
         content: Contributed to a open source project.
         url: https://example.com

layouts/partials/sections/achievements.html

@@ -8,9 +8,11 @@
                 {{ if .url }}
                 <div class="col-lg-4 col-md-6 my-3">
                     <a class="card my-3 h-100 p-3" href="{{ .url }}" title="{{ .title }}" target="_blank">
-                        <div class="card-head">
+                        {{if .image }}
-                            <img class="card-img-top" src="{{ .image }}">
+                            <div class="card-head">
-                        </div>
+                                <img class="card-img-top" src="{{ .image }}">
+                            </div>
+                        {{ end }}
                         <div class="card-body bg-transparent">
                             <h5 class="card-title bg-transparent">{{ .title }}</h5>
                             <div class="card-text secondary-font">
@@ -22,6 +24,11 @@
                 {{ else }}
                 <div class="col-lg-4 col-md-6 my-3">
                     <div class="card my-3 h-100 p-3" title="{{ .title }}">
+                        {{if .image }}
+                            <div class="card-head">
+                                <img class="card-img-top" src="{{ .image }}">
+                            </div>
+                        {{ end }}
                         <div class="card-body bg-transparent">
                             <h5 class="card-title bg-transparent">{{ .title }}</h5>
                             <div class="card-text secondary-font">

static/css/index.css

@@ -515,6 +515,10 @@ header .navbar.animate {
     color: var(--text-secondary-color) !important;
 }
 
+#achievements img {
+    border-radius: 0.7rem;
+}
+
 /* contact */
 
 #contact h3 {