Update collaborators section (#75)

* Fix dataset description style

* Update collaborators section (#74)

Author: barbara-chaves

client/src/assets/images/collaborators/gef.png

@@ -1,21 +1,13 @@
 import { useTranslations } from "@/i18n";
 import Image from "next/image";
 
-import ILC from "@/assets/images/collaborators/ilc.png";
-import Rangelands from "@/assets/images/collaborators/rangelands.png";
 import ILRI from "@/assets/images/collaborators/ilri.png";
-import UNEP from "@/assets/images/collaborators/unep.png";
-import FAO from "@/assets/images/collaborators/fao.png";
-import WWF from "@/assets/images/collaborators/wwf.png";
+import GEF from "@/assets/images/collaborators/gef.png";
 import IUCN from "@/assets/images/collaborators/iucn.png";
 
 const COLLABORATORS = [
-  { name: "ilc", image: ILC },
-  { name: "rangelands", image: Rangelands },
+  { name: "gef", image: GEF },
   { name: "ilri", image: ILRI },
-  { name: "unep", image: UNEP },
-  { name: "fao", image: FAO },
-  { name: "wwf", image: WWF },
   { name: "iucn", image: IUCN },
 ];
 
@@ -26,11 +18,11 @@ const Collaborators = () => {
       <p className="text-center uppercase">{t("collaborators")}:</p>
       <div className="flex flex-wrap content-center items-center justify-between gap-6">
         {COLLABORATORS.map(({ name, image }) => (
-          <div key={name} className="p-5">
+          <div key={name} className="flex-1 p-5">
             <Image
               src={image}
               alt={name}
-              className="h-full max-h-20 w-full max-w-40 object-contain"
+              className="mx-auto h-full max-h-20 w-full max-w-40 object-contain"
             />
           </div>
         ))}