header image flex wrap

packages/fakeyou.com/src/components/layout/PageHeaderWithImage/PageHeaderWithImage.tsx

@@ -22,9 +22,9 @@ function PageHeaderWithImage(props: Props) {
       <div className="row gx-3">
         <div className="col-12 col-md-7 py-3 py-lg-4">
           <div className="py-3">
-            <h1 className="fw-bold text-center text-md-start d-flex justify-content-center justify-content-md-start align-items-center">
+            <h1 className="fw-bold text-center text-md-start d-flex justify-content-center justify-content-md-start align-items-center flex-wrap gap-3">
               {props.titleIcon && (
-                <FontAwesomeIcon icon={props.titleIcon} className="me-3 fs-2" />
+                <FontAwesomeIcon icon={props.titleIcon} className="fs-2" />
               )}
               {props.title}
             </h1>