.scrollImg.scrollBlogIdeas { background-image: url('/cacheimg?q=75&zc=1&w=2000&src=https://www.factinet.com/uploads/casas/ey/fincasgranvia/webs/5_1_.jpg'); background-repeat: no-repeat; height: 400px; background-position-x: 50%; background-size: auto 275px; background-size: cover; } @supports ( -webkit-touch-callout : none) { .scrollImg.scrollBlogIdeas { background-attachment: scroll !important; background-position-x: 50% !important; } } @media only screen and (max-width: 1024px) { .scrollImg.scrollBlogIdeas { background-image: url('/cacheimg?q=75&zc=1&w=1600&src=https://www.factinet.com/uploads/casas/ey/fincasgranvia/webs/5_1_.jpg'); } } @media only screen and (max-width: 768px) { .scrollImg.scrollBlogIdeas { background-image: url('/cacheimg?q=75&zc=1&w=1024&src=https://www.factinet.com/uploads/casas/ey/fincasgranvia/webs/5_1_.jpg'); } } @media only screen and (max-width: 480px) { .scrollImg.scrollBlogIdeas { background-image: url('/cacheimg?q=75&zc=1&w=800&src=https://www.factinet.com/uploads/casas/ey/fincasgranvia/webs/5_1_.jpg'); } } jQuery(window).scroll(function(){ jQuery(.scrollImg.scrollBlogIdeas).each(function( index ) { var barra = jQuery(window).scrollTop()-jQuery(this).offset().top + 550; var posicion = (barra * 0.30); jQuery(this).css({ 'background-position-y': (0+posicion-200) + 'px' }); }); var barra = jQuery(window).scrollTop()-jQuery(.scrollImg.scrollBlogIdeas).offset().top + 550; var posicion = (barra * 0.30); jQuery(.scrollImg.scrollBlogIdeas).css({ 'background-position-y': (0+posicion-200) + 'px' }); });