Resolve "add FLOSS carousel on homepage"

Closes #12 (closed)

src/components/Carousel.js

@@ -8,9 +8,9 @@ import useBaseUrl from "@docusaurus/useBaseUrl";
 function CarouselElement({name, img, link}) {
   if (typeof link === "undefined" && typeof name === "undefined") {
     return (
-      <div className="box_carousel">     
+      <div className="carousel_box">     
         <div>
-          <img src={useBaseUrl(img)} className="carousel-img" />
+          <img src={useBaseUrl(img)} className="carousel_img" />
         </div>
       </div>
     );
@@ -18,19 +18,18 @@ function CarouselElement({name, img, link}) {
 
   else if (typeof link === "undefined") {
     return (
-      <div className="box_carousel">
-				
-        <img src={useBaseUrl(img)} className="carousel-img" />
-        <h6 className="title_carousel">{name}</h6>
+      <div className="carousel_box">
+        <img src={useBaseUrl(img)} className="carousel_img" />
+        <h6 className="carousel_title">{name}</h6>
       </div>
     );
   }
 
   else if (typeof name === "undefined") {
     return (
-      <div className="box_carousel">
+      <div className="carousel_box">
         <a href={link} target="_blank" rel="noopener noreferrer">
-          <img src={useBaseUrl(img)} className="carousel-img" />
+          <img src={useBaseUrl(img)} className="carousel_img" />
         </a>
       </div>
     );
@@ -38,10 +37,10 @@ function CarouselElement({name, img, link}) {
 
   else {
     return (
-      <div className="box_carousel">
+      <div className="carousel_box">
         <a href={link} target="_blank" rel="noopener noreferrer">
-          <img src={useBaseUrl(img)} className="carousel-img" />
-          <h6 className="title_carousel">{name}</h6>
+          <img src={useBaseUrl(img)} className="carousel_img" />
+          <h6 className="carousel_title">{name}</h6>
         </a>
       </div>
     );