You can give negative margin bottom value for example margin-bottom=-30px;

So I have that small white space after the image, how can I fix that?
Here is code of my class:

.hero-image2 {
  background-image: url("/assets/kava.jpeg");
  width:33%;
  right:0px;
  position: fixed;
  min-height: 100%;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-repeat: no-repeat;
  bottom:0px;
}

And here is the other class which is on left side:

.tekst2 {
 width: 67%;
 position: absolute;
 left: 0px;
 height: 100%;
 font-family: 'Playfair Display', serif;
 font-size: 15px;
}

Here is what it looks like:
enter image description here