feat: remove background from hero section (#1085)

Closes #1078

Since nothing else is specified, I removed every background gradient
from every hero section we have (homepage, sdk page, api page).

Author: baldasseva

src/components/Hero/styles.module.css

@@ -40,10 +40,6 @@
 .heroBanner {
     padding-top: 80px;
     padding-bottom: 56px;
-    background-image: url('/src/pages/img/hero-background-gradient.svg');
-    background-position: center center;
-    background-repeat: no-repeat;
-    background-size: cover;
     margin-bottom: 32px;
 }
 

src/pages/api/index.tsx

@@ -19,10 +19,6 @@ import Section from '../../components/Section/Section';
 import Tabs from '../../components/Tabs';
 import UiLibraryWrapper from '../../components/UiLibraryWrapper';
 
-const HeroWrapper = styled(Hero)`
-    background-image: url("/img/hero_background.svg");
-`;
-
 const SectionWrapper = styled(Section)`
     display: flex;
     flex-direction: column;
@@ -122,7 +118,7 @@ export default function Api() {
     return (
         <Layout>
             <UiLibraryWrapper>
-                <HeroWrapper
+                <Hero
                     heading="Apify API"
                     isCentered
                     description={<>Apify API provides programmatic access to the <Link to="/">Apify Platform</Link></>}

src/pages/img/hero-background-gradient.svg

@@ -40,10 +40,6 @@ async def main():
         soup = BeautifulSoup(response.content, 'html.parser')
         await Actor.push_data({ 'url': actor_input['url'], 'title': soup.title.string })`;
 
-const HeroWrapper = styled(Hero)`
-        background-image: url("/img/hero_background.svg");
-    `;
-
 const StyledContent = styled.div`
     width: 100%;
     display: flex;
@@ -68,7 +64,7 @@ export default function Home() {
     return (
         <Layout>
             <UiLibraryWrapper>
-                <HeroWrapper
+                <Hero
                     heading="Apify SDK"
                     isCentered
                     description={