responsywne tło - strona z wieloma sekcjami

szukam i nie wiem jak zrobić responsywne tło, mam tu na myśli by jak zmniejszam szerokość zmniejszała się też wysokość obrazu, chodzi mi o pierwsze zdjęcie pod menu, link do wyglądu https://krystianwojtowicz.github.io/multiple-section-website/ , link do kodu https://github.com/krystianwojtowicz/multiple-section-website

Zadaj maksymalną/pożądaną wysokość/szerokość i ustaw drugi wymiar na auto, na przykład:

img {
    max-width: 100%;
    height: auto;
}

Wpakuj te dwa divy (gym, strengths) w jeszcze jednego diva, który będzie miał ustawiony background image

<div class = 'container'> <!-- Do niego ustaw background image-->
  <div class = 'gym'></div>
  <div class = 'strengths'></div>
</div>