.container и ему max-width: 1440width: 150px, то она так и вставится на страницу с размером в 500px. Но я скорее думаю, что у вас проблема именно с контейнером.
.svg-bar{
display: block;
height: 189px;
transform: rotate(-90deg);
circle {
fill: none;
stroke-width: 12px;
&:nth-child(1) {
stroke: rgba(grey, .2);;
}
&:nth-child(2) {
stroke-linecap: round;
stroke-linejoin: round;
stroke-dasharray: 373.424;
stroke-dashoffset: 373.424;
transition: all 150ms ease-out;
}
}
@for $i from 1 through 100 {
&[percent="#{$i}"] {
circle {
&:nth-child(2) {
stroke-dashoffset: #{402.124 - (402.124 * ($i/100))};
}
}
}
}
}