How to position this background-picture correctly?

[Chris.G]

Hi,

I would like to position one picture in the same way as it’s positioned at the buttom of this document  but I don’t get it.

What I’m talking about is the background-picture of this.

The problem is not, to generally set the background-picture, however I don’t manage to set it like in the document.

Here the page.

Best wishes,

Chris

[Ingolme]

It's just a matter of tweaking the background size and position values until it's correct.

section.locations {
  margin-top: 4rem;
  height: 500px;
  width: auto;
  background-image: url("https://github.com/ChristophGrothe/teacozy/blob/main/pics/Screenshot%202022-03-28%20at%2015-25-08%20img-locations-background.webp%20(WEBP-Grafik%201200%20%C3%97%20795%20Pixel)%20-%20Skaliert%20(70%25).png?raw=true");
  background-size: auto 695px;
  background-repeat: no-repeat;
  background-position: top center;
}

 

[Chris.G]

@Ingolme Thanks so much! This helped me a lot! I didn't know about the

background-position

property.