Background image is not 100 VH in responsive design?

min-height: 100vh => ("min " it could be more than 100VH).

In your case you use 100vh + extra 260px margin-top

  1. Remove top margin

  2. Remove extra top/bottom padding/margin from the first/last elements inside the hero (For perfect V align):