<s.Container
                  style={
                    {
                      // width: 100,
                      // padding: 24,
                      // backgroundSize: "2550px",
                    }
                  }
                >
                  <StyledVid
                    src={Insert}
                    type="video/mp4"
                    autoPlay
                    loop
                    muted
                    playsInline
                    style={
                      {
                        // position: "absolute",
                        // width: "100%",
                        // left: "50%",
                        // top: "50%",
                        // height: "100vh",
                        // objectFit: "cover",
                        // transform: "translate(-50%, -50%)",
                        // zIndex: "-1",
                        // overflow: "hidden",
                        // objectFit: "cover",
                        // width: "100vw",
                        // height: "100vh",
                        // position: "fixed",
                        // top: "0",
                        // left: "0",
                      }
                    }
                  />
                </s.Container>

export const StyledVid = styled.video`
  z-index: -1;
  overflow: hidden;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  @media (max-width: 600px) {
    /* width: 250px; */
  }
  /* @media (min-width: 900px) {
    width: 250px;
  } */
  /* @media (min-width: 1000px) {
    width: 300px;
  } */
`;