#about .bg { background-image: url(../img/bg-about-winter.jpg); }
#footer { overflow: visible; }
#footer::before { 
	content: ''; display: block; left:0; height: 5rem; top:-2rem; right: 0; position: absolute; pointer-events: none;
	background: url(../img/bg-footer-decor.webp) bottom center/contain repeat-x;
}

#about .bg-ded-moroz { 
	display: block; left:10rem; height: calc(100% + 8rem); bottom:-6rem; width:40rem; position: absolute; pointer-events: none;
	background: url(../img/bg-about-ded-moroz.webp) bottom center/contain repeat-x;
}


#delivery-index { background-image: linear-gradient(white, transparent 10%), linear-gradient(to top, #0001, transparent 5rem), url(../img/bg-delivery-index-winter.jpg); }

#header > .container::after { content: ''; display: block; width: 30rem; height: 11rem; top: -2rem; left: -25rem; pointer-events: none;	position: absolute; 
	background: url(../img/bg-header-balls.webp) top center/contain no-repeat;
}

#header > .container::before { content: ''; display: block; width: 30rem; height: 11rem; top: -2rem; right: -25rem; position: absolute;  pointer-events: none;
	background: url(../img/bg-header-balls.webp) top center/contain no-repeat;
}

@media screen and (max-width: 768px) {
	#about .bg-ded-moroz { position: relative; width: 100%; height: 40rem; left: auto; bottom: -4rem; right: auto; order:2;
	}
}