Html – Removing whitespace and moving slideshow up to center of page

I have a slideshow container I wish to host in the middle of the page, next to my navigation bar. Which would eliminate the extra white space. This is only behaving this way on my homepage and not the other pages; so I wish to keep it that way since the other pages are correctly placed.

Edit:
Sorry for not including the code earlier. When I originally attached it, it said it was incorrect. This is my first time using this site, so I apologize for messing up how it works.

Here’s the slideshow’s CSS

{box-sizing: border-box;}

 body {font-family: Times New Roman, sans-serif;}
    .mySlides {display: none;}
    img {vertical-align: middle;}
        
    /* Slideshow container */
    .slideshow-container {
    max-width: fit-content;
    max-height: fit-content;
    position: absolute;
    margin-left: 40px;
    margin-right: auto;}