carousel images bug fix + new placeholder service

Author: sarimabbas

package-lock.json

@@ -12,13 +12,10 @@ const BannerTitle = ({ title }) => (
 
 const BannerImageCarousel = ({ images }) => (
   <div style={headerStyle}>
-    {images[0].length > 0 ? (
+    {images.length > 0 ? (
       <Carousel items={images} />
     ) : (
-      <img
-        src="https://placeholdit.imgix.net/~text?txtsize=33&txt=318%C3%97180&w=318&h=180"
-        alt="default cover"
-      />
+      <img src="https://via.placeholder.com/300" alt="default cover" />
     )}
   </div>
 );

src/components/project-page/components/banner-content/BannerContent.jsx

@@ -14,10 +14,7 @@ const Card = ({ width, children, onClick }) => (
 
 const CardImage = ({ image }) => (
   <div className="project-image-container">
-    <img
-      src={image || 'https://placeholdit.imgix.net/~text?txtsize=33&txt=318%C3%97180&w=318&h=180'}
-      alt="project cover"
-    />
+    <img src={image || 'https://via.placeholder.com/300'} alt="project cover" />
   </div>
 );