made video much smaller

src/Greeting.jsx

@@ -8,12 +8,27 @@ import {
   Button,
 } from "@material-ui/core";
 import CV from "../static/cv.pdf";
-import PortfolioVideo from "../static/video/Portfolio.webm";
+import PortfolioVideo from "../static/video/Portfolio.mp4";
+import PortfolioTexture from "../static/images/diagmonds-light.png";
 
 class Greeting extends Component {
   render() {
     return (
       <div>
+        {/*<div
+          style={{
+            position: "absolute",
+            width: "100%",
+            left: "50%",
+            right: "50%",
+            top: "50%",
+            height: "100%",
+            //objectfit: "cover",
+            transform: "translate(-50%,-50%)",
+            zindex: "-100",
+            background: `url(${PortfolioTexture})`,
+          }}
+          />*/}
         <video
           autoPlay
           muted
@@ -27,14 +42,19 @@ class Greeting extends Component {
             height: "50%",
             objectFit: "cover",
             transform: "translate(-50%,-50%)",
-            zIndex: "-1",
+            zIndex: "-2",
           }}
           //width="100%"
           //height="315"
         >
-          <source src={PortfolioVideo} type="video/webm" />
+          <source src={PortfolioVideo} type="video/mp4" />
         </video>
-        <Container maxWidth="sm">
+        <Container
+          maxWidth="sm"
+          style={{
+            zindex: "0",
+          }}
+        >
           <p />
           <Card>
             <CardContent>