add round corner for images

public/index.html

@@ -24,10 +24,10 @@
         <jl-blog_index id="blog"></jl-blog_index>
         <div id="banner">
             <h2>Banner</h2>
-            <a href="https://ipv6.he.net" target="_blank"><img
+            <a href="https://ipv6.he.net" target="_blank"><img class="no-corner"
                     data-noPreview="true"
                     src="https://ipv6.he.net/certification/create_badge.php?pass_name=jonasled&badge=3"></a>
-            <a href="https://www.abuseipdb.com/user/45130" target="_blank"><img class="abuseIpImg"
+            <a href="https://www.abuseipdb.com/user/45130" target="_blank"><img class="abuseIpImg no-corner"
                                                                                 data-noPreview="true"
                                                                                 src="https://www.abuseipdb.com/contributor/45130.svg"></a>
         </div>

scss/_general.scss

@@ -62,3 +62,11 @@ h1 {
   text-align: justify;
   text-justify: auto;
 }
+
+img {
+  border-radius: $border-radius-image;
+
+  &.no-corner {
+    border-radius: 0;
+  }
+}
\ No newline at end of file

scss/_var.scss

@@ -8,6 +8,7 @@ $darker-color: 5%;
 $darker-color-2: 2%;
 
 $border-radius-sub-nav: 10px;
+$border-radius-image: 5px;
 
 $mobile-max-width: 600px;
 $small-mobile-max-width: 300px;