added backlight to vector images

src/components/multiplayer/multiplayer.tsx

@@ -6,15 +6,17 @@ import photo2 from "./Photo2.png";
 import photo3 from "./Photo3.png";
 import { Button } from "../buttonDemo/buttonDemo"
 import { Content } from "../content/content";
+import { useState } from "react";
 
 export const Multiplayer: React.FC<any> = ({text}) => {
+  const [captionSmall, setCaptionSmall] = useState(true);
   return (
     <div
       data-aos="zoom-in"
       data-aos-duration="400"
       className="multiplayer__container"
     >
-      <Content text={text}></Content>
+      <Content captionSmall={captionSmall} text={text}></Content>
       <div className="multiplayer__photo-container">
         <img alt="device" src={photo1} className="multiplayer__image" />
         <img alt="device" src={photo} className="multiplayer__image" />
@@ -22,7 +24,7 @@ export const Multiplayer: React.FC<any> = ({text}) => {
         <img alt="device" src={photo3} className="multiplayer__image" />
       </div>
       <div className="main-block__subblock-container">
-        <div className="main-block_subblock">
+        <div className={captionSmall ? " main-block__caption_small main-block_subblock " : 'main-block_subblock'}>
           {text.mainBlockSubblock}
           <Button text={text}></Button>
         </div>