HTML фоновое изображение на весь экран: Я пытаюсь поместить картинку в качестве фона, но она обрезает картинку для меня Я хочу, чтобы она оставалась в полном размере

Изображение работает у меня и отображается на экране, но когда я делаю его фоном, оно обрезает его часть, что снижает качество изображения и выглядит плохо. Буду признателен за помощь, спасибо

<!DOCTYPE html>
{% load static %}
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style> 
html { 
  background: url("{% static 'images/second.JPG' %}") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

</style>
</head>
<body>
</body>
</html>
Вернуться на верх