Как установить картинку так, чтобы она занимала всю доступную ширину?

Для того чтобы установить картинку так, чтобы она занимала всю доступную ширину, можно использовать CSS свойство `width: 100%;`. Это позволит изображению заполнить всю ширину его контейнера. Например:

```html
<div style="width: 100%;">
    <img src="your-image.jpg" style="width: 100%;" alt="Your Image">
</div>
```

Чтобы расположить картинку с `position: absolute` на всю ширину окна и сохранить отступы по краям, можно использовать следующий подход:

```html
<div style="position: relative;">
    <img src="your-image.jpg" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: auto;" alt="Your Image">
</div>
```

Здесь `position: relative;` на контейнере является обязательным, чтобы установить базовую позицию для картинки. Затем мы устанавливаем `position: absolute;`, чтобы картинка была расположена абсолютно. С помощью свойств `top: 0; left: 0; right: 0; bottom: 0;` мы делаем картинку расположенной на всю ширину окна. `width: 100%;` гарантирует, что картинка будет заполнять всю доступную ширину, а `height: auto;` сохранит пропорции изображения.

width:100vw; 

 left:0;
Для сохранения отступов при использовании ширины во всю ширину экрана, задайте родителю картинки свойство position:relative, а самой картинке - position:absolute. Таким образом, свойство position:absolute будет действовать только внутри границ родителя. Повторите приведенный выше код и получите желаемый результат!