diff --git a/pages/demuxed.tsx b/pages/demuxed.tsx index e105df11..5660edca 100644 --- a/pages/demuxed.tsx +++ b/pages/demuxed.tsx @@ -1,5 +1,6 @@ import { useEffect } from "react"; import { useTranslation } from "next-i18next"; +import styled from "styled-components"; import { Box, Button, Container, Grid, Heading } from "theme-ui"; import { FiArrowUpRight } from "react-icons/fi"; @@ -18,6 +19,18 @@ import GetInvolvedSection from "components/sections/oss/get-involved"; import LivepeerLogo from "components/svgs/livepeer-logo"; +const HeroSection = styled.section` + @media (max-width: 94rem) { + /* background-image: none !important; */ + background-size: auto 22rem, auto 24rem !important; + } + + @media (max-width: 72rem) { + /* background-image: none !important; */ + background-size: auto 11rem, auto 14rem !important; + } +`; + export default function Demuxed() { const { t } = useTranslation(["home", "oss"]); @@ -44,7 +57,7 @@ export default function Demuxed() {