--wip-- [skip ci]

src/components/HomepageFeatures.js

@@ -48,7 +48,7 @@ function Feature({Svg, title, description}) {
   return (
     <div className="sectionsReverse row">    
       <div className="col col--5 text--center">
-        <Svg className={styles.svg} alt={title} />
+        <Svg className="stickers" alt={title} />
       </div>
       <div className="col col--5">
         <h3>{title}</h3>

src/components/HomepageFeatures.module.css

 /* stylelint-disable docusaurus/copyright-header */
 
-.svg {
-  height: 275px;
-  width: 275px; 
-  max-width: 100%; 
-}
-
 .title {
   font-weight: bold;
   padding-bottom: 40px;

src/components/HomepageResults.js

 import React from "react";
+import useBaseUrl from "@docusaurus/useBaseUrl";
 
 const ResultsList = [
   {
-    title: "Alliez compétitivité et respect de l’environnement",   
+    title: "Alliez compétitivité et respect de l’environnement",
+    img: "/img/results/light-bulb.png",
     description: (
       <>
         Froggit est pensé pour ceux qui regardent vers l&apos;avenir et choisissent des solutions robustes, responsables, qui durent dans le temps.
@@ -10,7 +12,8 @@ const ResultsList = [
     ), 
   },     
   {
-    title: "Intégrez facilement les pratiques DevOps",  
+    title: "Intégrez facilement les pratiques DevOps",
+    img: "/img/results/great-job.png",  
     description: (
       <>
         Répondez plus vite aux besoins de vos clients avec notre forge logicielle agile pensée par des techs pour les techs.
@@ -19,6 +22,7 @@ const ResultsList = [
   },
   {
     title: "Bénéficiez d’un service de proximité",
+    img: "/img/results/light-bulb.png",
     description: (
       <>
         Froggit c&apos;est aussi un service client en français et une équipe qui améliore régulièrement l&apos;offre en fonction de vos retours !
@@ -28,9 +32,12 @@ const ResultsList = [
 ];
 
 
-function Results({title, description}) {
+function Results({title, img, description}) {
   return (
-    <div className="sectionsReverse row">    
+    <div className="sectionsReverse row"> 
+      <div className="col col--5 text--center">
+      <img src={useBaseUrl(img)} className="stickers" />
+      </div>   
       <div className="col col--5">
         <h3>{title}</h3>
         <p>{description}</p>

src/css/custom.css

@@ -149,6 +149,12 @@ ul {
   flex-direction: row-reverse;
 }
 
+.stickers {
+  height: 275px;
+  width: 275px; 
+  max-width: 100%; 
+}
+
 /******* ADMONITIONS *******/
 .admonition a {
   color: var(--ifm-color-white);

src/pages/mentions_legales.md

@@ -74,10 +74,13 @@ Le code source du site est disponible sur [ce dépôt Froggit🐸](https://lab.f
 
 ### Icônes et images
 
+- **Kermit :** conçues par [stickerfolio](https://www.flaticon.com/authors/stickerfolio) sur [Flaticon](https://www.flaticon.com/stickers-pack/frog).
 - **Sûr :** conçues par [Freepik](https://www.freepik.com) sur [Flaticon](https://www.flaticon.com/fr/icone-gratuite/bouclier_1384580).
 - **Souverain :** conçues par [Becris](https://www.flaticon.com/fr/auteurs/becris) sur [Flaticon](https://www.flaticon.com/fr/icone-gratuite/rgpd_3202690).
 - **Libre :** conçues par [Freepik](https://www.freepik.com) sur [Flaticon](https://www.flaticon.com/fr/icone-gratuite/liberte_2284958).
-- **Kermit :** conçues par [stickerfolio](https://www.flaticon.com/authors/stickerfolio) sur [Flaticon](https://www.flaticon.com/stickers-pack/frog).
+- **Ecology stickers :** conçues par [paulalee](https://www.flaticon.com/authors/paulalee) sur [Flaticon](https://www.flaticon.com/free-stickers/ecology)
+- **Great Job stickers :** conçues par [paulalee](https://www.flaticon.com/authors/paulalee) sur [Flaticon](https://www.flaticon.com/stickers-pack/great-job-1)
+great-job.png
 
 :::note Sources
 [Lydra dépôt git Legal version 1.0.0](https://gitlab.com/lydra/legal/-/blob/1.0.0/mentions_legales.md)