.b-banners-banner--img { background-image: url( https://dining.carleton.ca/wp-content/uploads/banner-chefs_1600x700_acf_cropped-1-768x336.jpg ); } @media ( min-width: 768px ) { .b-banners-banner--img { background-image: url(https://dining.carleton.ca/wp-content/uploads/banner-chefs_1600x700_acf_cropped-1-1400x613.jpg); } } @media ( min-width: 1024px ) { .b-banners-banner--img { background-image: url(https://dining.carleton.ca/wp-content/uploads/banner-chefs_1600x700_acf_cropped-1.jpg); } }