Problem z ustawieniem julbotron w razor pages .(html)

Od 2 godzin męczę się z wstawieniem mojej grafiki na stronke (Julbotron), żeby był na środku rozszerzony tak jak panel nawigacyjny. Oglądałem filmiki na YT i nic nie działa. Tak jakby już było z góry ustawione. Stronka wygląda tak: i nie da się tego zdjecia w żaden sposób przesunąć w lewo. Jakieś pomysły?

Kod htlm jest czysty, jest tylko body, a w body nawigacja i mój kod

Zdjęcie wystaje poza diva, więc spróbuj dać coś takiego:

img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

Dzięki za odpowiedź. Niestety nie pomogło. Klasy zdają się w ogóle nie reagować na to co wpisuje.

Napisałem aż tyle kodu

I teraz to wygląda tak

Nadal nie jest rozszerzone do krawędzi ale już znacznie lepiej wygląda.