Move Custom Graphic Up on Page

Site URL: https://www.infinix.com/

Hello,

I have a custom SVG file on our main home page that I need to move up on the page.  Below is code that references that SVG file below.  What can I add to move this image up on the page?  The image is: "infinix-logo-purple.svg"

<section class="infinix-home-header infinix-fill-bg infinix-text-center">
    <div class="infinix-background-video">
      <video loop="" muted="" playsinline="" autoplay="" poster="https://www.weo2.com/tpn/c/C1463/img/final_NoLogo.jpg" class="infinix-bg__video">
          <source src="https://www.weo2.com/tpn/c/C1463/docs/final_NoLogo.webm" type="video/webm">
        <source src="https://www.weo2.com/tpn/c/C1463/docs/final_NoLogo.mp4" type="video/mp4">
      </video>
    </div>
    <div class="infinix-logo-main"><img src="/s/infinix-logo-purple.svg"></div>
    <div class="nobio-logo-main"><img src="https://www.weo2.com/tpn/c/C1463/img/nobio-bio-white.svg"></div>
</section>

Thank you in advance!

Try adding to Design > Custom CSS

.infinix-logo-main {
    top: -200px;
}

This worked.  How do I make the image move to the right a bit?

11 hours ago, saschulze said:

This worked.  How do I make the image move to the right a bit?

use right value

right: -100px;

Worked great! Thank you very much!