Как сделать слайдер адаптивным?

Question

[titovit]

<div class="main-slider" id="slider-wrapper">
<div class="slider-item" style="background: url(/upload/iblock/aa6/aa61494852c1a81ecd3937bc4107f3c2.gif) 50% 50% / cover no-repeat;" id="bx_3218110189_16488">
			<div class="slider-text">
							</div>
			</div>
<div class="slider-item active" style="background: url(/upload/iblock/d9a/d9abdb2c064209a364f70809db98dfea.gif) 50% 50% / cover no-repeat;" id="bx_3218110189_16489">
			<div class="slider-text">
							</div>
			</div>

							<div class="slider-item" style="background: url(/upload/iblock/fbf/fbff8cc2db77a7dfe29cfcdc8b7abdca.gif) 50% 50% / cover no-repeat;" id="bx_3218110189_16490">
			<div class="slider-text">
							</div>
			</div>
			
		
			<br><div class="cycle-pager"><span class="">•</span><span class="cycle-pager-active">•</span><span class="">•</span></div>
</div>

Answer 1

[titovit]

- не могу понять как сделать именно картинки адаптивными

Comments

[s-jet]

background-size?

Answer 2

[Василий Черненков]

Если Вы используете готовый скрипт слайдера, и в нем НЕ заложена адаптивность - то при изменении стилей он может начать работать НЕ корректно.

Могу порекомендовать: owl ну или slick