Если сдвинуть с помощью background-position или позиционирования, то при максимальной ширине фон естественно будет обрезан
$breakpoints: (
'xs': ('(max-width: 576px)'),
'sm': ('(max-width: 768px)'),
'md': ('(max-width: 992px)'),
'lg': ('(max-width: 1199px)'),
);@mixin respond-to($breakpoint) {
@if map-has-key($breakpoints, $breakpoint) {
@media #{inspect(map-get($breakpoints, $breakpoint))} {
@content;
}
} @else {
@error 'Не указано значение для `#{$breakpoint}`';
}
}@include respond-to('md') {
// ...
}