Изображение на фоне

.topic{ 
  height: 100px; 
  width: 100px; 
  background-repeat: no-repeat; 
  background-image: url('https://picsum.photos/1920/1080'); 
  background-size: cover; 
  background-position: center center; 
}

Position, top, left - я добавил исключительно что бы отступы поставить; 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="topic"></div>

Если ты используешь картинку как фон в header используй:

header{
  background:url(path_to_your_image) no-repeat center center fixed; 
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  height: 100px;
}

Пример: https://jsfiddle.net/NikitaSmith/uz2n1r3p/4/

Если ты хочешь использовать картину внутри блока,чтобы она была адаптивной: HTML:

<img src="path/to/your/image" alt="">
</header>

CSS:

#background {
  position: fixed; 
  top: 0; 
  left: 0; 
  /* Preserve aspet ratio */
  min-width: 100%;
  height: 200px;
}

Пример: https://jsfiddle.net/NikitaSmith/gzy4yngh/2/