Using VH w/ Body

I am wanting my “landing page” or hero section to look like the following image, but I want the circle object (which is position:absolute) to be in the bottom right hand part of the screen instead of having the extra space below it… Basically I want the navbar to take up auto height on the screen and then I want the hero section to take up the rest of the viewport height, even if the height changes… I tried setting the height of the div block that contains the hero text and object to 100vh but that leaves extra “space” at the bottom of the viewport.