change the name svgs to Carbon-Traxi

import React from 'react';

const Hero = () => {
  return (
    <section
      className="relative h-screen overflow-hidden flex items-center justify-center px-4 py-8 md:px-8 md:py-16"
      style={{
        boxSizing: 'border-box',
        border: '2px solid white',
      }}
    >
      {/* Background Video */}
      <div
        className="absolute inset-0 flex items-center justify-center"
        style={{
          maxWidth: '98%',
          maxHeight: '97%',
          width: '100%',
          height: '100%',
          margin: 'auto',
        }}
      >
        <video
          className="w-full h-full object-cover rounded-xl"
          src="https://player.vimeo.com/progressive_redirect/playback/908723147/rendition/1080p/file.mp4?loc=external&log_user=0&signature=b8f1577ecf209cd5fc8c82241917e27e09db042e4d479718319f4113c341d596"
          poster="https://vendredi-society.com/wp-content/uploads/2024/02/Hero-1.jpg"
          loop
          muted
          autoPlay
        />
      </div>
      {/* Overlay */}
      <div className="absolute inset-0 bg-black opacity-0"></div>
      {/* Content */}
      <div className="relative z-10 text-center text-white px-6 md:px-12">
        <h1 className="text-5xl md:text-6xl font-bold mb-6">
          {/* Content */}
          Coal Emissions Track | Neutralize
        </h1>
      </div>
      {/* SVG */}
      <div className="absolute inset-0 flex items-center justify-center">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 200 200"
          className="w-1/2 h-auto"
        >
          <path d="M91.286 0.5625C84.2643 0.5625 84.2643 4.44594 77.2441 4.44594V14.4108C82.8448 14.4108 83.9775 11.9394 87.7727 10.9406V14.4108C94.7944 14.4108 94.7944 10.5274 101.815 10.5274V0.5625C96.2139 0.5625 95.0812 3.03392 91.286 4.03274V0.5625Z" fill="#F0FF3D" className="-flag"></path>
          <path d="M10.5274 0.570196L6.69439 10.9234L2.86294 0.570196H0.287109L5.40884 14.4092H7.98782L13.1001 0.570196H10.5274Z"></path>
          <path d="M16.8622 12.5498C15.2978 12.5498 14.2549 11.523 14.0753 9.92151H21.5334C21.5539 9.72268 21.5743 9.42599 21.5743 9.09046C21.5743 6.71846 20.0509 4.28587 16.6621 4.28587C13.3537 4.28587 11.709 6.75729 11.709 9.38715C11.709 12.017 13.5538 14.5677 16.8622 14.5677C19.3483 14.5677 21.2325 13.2022 21.6137 11.0865H19.208C18.9465 12.0357 18.1257 12.5498 16.8622 12.5498ZM16.6621 6.10487C18.1257 6.10487 19.008 7.05398 19.1072 8.31998H14.1351C14.3951 6.81787 15.2773 6.10487 16.6621 6.10487Z"></path>
          <path d="M28.114 4.28587C26.6709 4.28587 25.5287 4.90722 24.9631 5.99459V4.45209H22.5007V14.417H24.9662V8.98017C24.9662 7.51689 25.9288 6.44972 27.3121 6.44972C28.5724 6.44972 29.4184 7.39728 29.4184 8.7627V14.417H31.884V8.24076C31.884 5.90759 30.3999 4.28587 28.114 4.28587Z"></path>
          <path d="M40.5157 5.65129C39.9344 4.84043 38.8726 4.28587 37.5492 4.28587C34.5559 4.28587 32.7772 6.38292 32.7772 9.42598C32.7772 12.469 34.5606 14.5677 37.5886 14.5677C38.8127 14.5677 39.9344 14.0333 40.5157 13.1696V14.4123H42.9624V0.570196H40.5157V5.65129ZM37.9494 12.4706C36.3062 12.4706 35.2223 11.2652 35.2223 9.42598C35.2223 7.58679 36.3062 6.38293 37.9494 6.38293C39.5925 6.38293 40.6733 7.58834 40.6733 9.42598C40.6733 11.2636 39.5878 12.4706 37.9431 12.4706H37.9494Z"></path>
          <path d="M46.8868 6.20429V4.44431H44.4197V14.4092H46.8868V9.70404C46.8868 7.80582 47.5075 6.48079 49.0719 6.48079H50.6552V4.44431H49.4736C48.1692 4.44431 47.3878 4.93829 46.8868 6.20429Z"></path>
          <path d="M56.081 12.5498C54.5166 12.5498 53.4737 11.523 53.2925 9.92151H60.7522C60.7726 9.72268 60.7915 9.42599 60.7915 9.09046C60.7915 6.71846 59.2681 4.28587 55.8794 4.28587C52.5709 4.28587 50.9278 6.75729 50.9278 9.38715C50.9278 12.017 52.7726 14.5677 56.081 14.5677C58.567 14.5677 60.4513 13.2022 60.8325 11.0865H58.4268C58.1606 12.0357 57.3429 12.5498 56.081 12.5498ZM55.8794 6.10487C57.3429 6.10487 58.2252 7.05398 58.326 8.31998H53.3524C53.6139 6.81787 54.4961 6.10487 55.8794 6.10487Z"></path>
          <path d="M69.4013 5.65129C68.8199 4.84043 67.7565 4.28587 66.4332 4.28587C63.4398 4.28587 61.6612 6.38292 61.6612 9.42598C61.6612 12.469 63.4462 14.5677 66.4741 14.5677C67.6967 14.5677 68.8199 14.0333 69.4013 13.1696V14.4123H71.8579V0.570196H69.4013V5.65129ZM66.8307 12.4706C65.1875 12.4706 64.1036 11.2652 64.1036 9.42598C64.1036 7.58679 65.1875 6.38293 66.8307 6.38293C68.4739 6.38293 69.5542 7.58834 69.5542 9.42598C69.5542 11.2636 68.4682 12.4706 66.8249 12.4706H66.8307Z"></path>
          <path d="M81.6237 4.28587C78.3985 4.28587 75.7813 6.74971 75.7813 9.73667C75.7813 12.7236 78.3616 14.5677 81.6237 14.5677C84.8265 14.5677 87.5526 12.0535 87.5526 9.07424C87.5526 6.12535 84.9848 4.28587 81.6237 4.28587ZM81.6237 12.4706C79.8821 12.4706 78.3735 11.4436 78.3735 9.42598C78.3735 7.4085 79.8762 6.10487 81.6237 6.10487C83.2749 6.10487 84.7594 7.35209 84.7594 9.42598C84.7594 11.3811 83.2771 12.4706 81.6237 12.4706Z"></path>
        </svg>
      </div>
    </section>
  );
};

export default Hero;