text is not duplicated

src/components/pages/Home.css

 .car-image-kszk {
   position: relative;
-   width: 100%; /* for IE 6 */
-   /* height: 1000px; */
 }
 
 .car-text-kszk {
   position: absolute;
-   left: 0;
   width: 100%;
-   top: 0;
+  top: 0px;
+  -webkit-text-fill-color: white;
+  -webkit-text-stroke-color: black;
+  -webkit-text-stroke-width: 0.75px;
 }

src/components/pages/Home.js

@@ -33,9 +33,20 @@ const range = (count) => {
   return newArray;
 };
 
-const RegisterHeader = ({ image }) => (
+export default class Home extends Component {
+  render() {
+    return (
+      <div>
         <div className='car-image-kszk'>
+          <Slider {...settings}>
+            {
+              range(23).map(image => (
+                <div key={image}>
                   <img src={`images/${image}.JPG`} width='100%' alt='' />
+                </div>
+              ))
+            }
+          </Slider>
           <div className='car-text-kszk'>
             <Segment textAlign='center' vertical>
               <Header
@@ -106,21 +117,6 @@ const RegisterHeader = ({ image }) => (
             </Segment>
           </div>
         </div>
-);
-
-export default class Home extends Component {
-  render() {
-    return (
-      <div>
-        <Slider {...settings}>
-          {
-            range(23).map(image => (
-              <div key={image}>
-                <RegisterHeader image={image} />
-              </div>
-            ))
-          }
-        </Slider>
         <Segment style={{ padding: '8em 0em' }} vertical>
           <Container text>
             <Header as='h3' style={{ fontSize: '2em' }}>