HTML background image on full screen: I try to put a picture as background but it cuts the picture for me I want it to stay full size

The image works for me and is displayed on the screen, but when I make it the background, it cuts off part of it, which lowers the quality of the image and looks bad. I would appreciate your help, thanks

<!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>
Back to Top