Zdjęcie tłem - problem skalowania / edycja - css, bootstrap

Question

Dzień dobry, mam problem ponieważ dodając zdjęcie jako tło jest ono mocno przybliżone. Zapewne wina jest rozdzielczość zdjęcia. Tło dodaje do elementu sekcji za pomocą CSS. Co zrobić, żeby było ono w miarę responsywne.

Poniżej załączam zdjęcie problemu oraz kod.

Mam również pytanie jak przygotować taką grafikę na wrzucenie do sieci. Czy skorzystać z jakiegoś programu który zmniejszy wielkość zdjęcia, żeby szybciej się wczytywało?

Zdjęcia przedstawiające problem skalowania:

https://i.postimg.cc/T1Tgb2hr/Przechwytywanie1.png

https://i.postimg.cc/B6GzPD3t/montaz.jpg

 

Kod:

https://codepen.io/anon/pen/rPaBLE