Front page slider twitch

I have the front page slider set at 300 x 970 and I have cropped my imgs to fit this size but when a slide changes to the next slide there is a slight twitch which is distracting. I also have the site contained with this code:

@media (min-width: 1200px) {.container {width: 970px;} aside.col-lg-3 {width: 33.33333333333333%;} .main.col-lg-9 {width: 66.66666666666666%;}}
/*Padding under icon menus*/
.home-margin.home-padding {
padding: 25px 0px 0px 0px;
}

which is what I think is causing the twitch because before using the container the slider was fine. Any idea on how to fix this?