Как сделать чтобы картинка не повторялась css

Чтобы картинка не повторялась на заднем фоне блока, нужно использовать свойство background-repeat и задать ему значение no-repeat.

Например, если мы хотим установить картинку в качестве заднего фона для блока с классом .my-block и избежать повторения ее на всей площади блока, то нужно написать следующий CSS-код:

.my-block { 
  background-image: url('image.jpg'); 
  background-repeat: no-repeat; 
}

Кроме того, можно использовать специальное значение настройки ‘background’, которое задает все свойства фонового изображения сразу:

.my-block { 
  background: url('image.jpg') no-repeat center center fixed; 
}

В данном примере картинка будет выровнена по центру по горизонтали и вертикали блока, а также иметь фиксированную позицию при прокрутке страницы.