background css issues - background cut on the wrong place

Question

I am working of background with css, and I have few isuus that I need to solve

1. the background cut on the lett and right (if I change it to "cover") it cut on the top and button
   2.the background is not full image, it cut in the buttom.
   the picture with this css css

.grid-full[_ngcontent-ng-cli-universal-c6] {
    background-image: url(farm-back.png);
    background-size: auto 110%;
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    width: 100%;
    margin-top: -100px !important;