[snakes1100]

You will need to do something like this with different size images & call them based on media size.

@media (max-width: 768px) { /*breakpoint*/
  .adcontainer {
    flex-direction: column;
  }
}

.above_body {
    background-image: url(https://www.xxxxxx.com/forums/images/logo-bg-fade-2.png);
  }

  @media screen and (min-width: 320px) {
    .above_body {
      background-image: url(https://www.xxxxxxx.com/forums/images/logo-bg-fade-600x200.png);
    }
  }
  @media screen and (min-width: 640px)
  {
    .above_body {
      background-image: url(https://www.xxxxx.com/forums/images/logo-bg-fade-900x200.png);
    }
  }
  @media screen and (min-width: 1024px) {
    .above_body {
      background-image: url(https://www.xxxxxxx.com/forums/images/logo-bg-fade-1900x200.png);
    }
  }