cover - высота изображения больше его ширины, поэтому по ширине изображение приняло ширину элемента, а по высоте было обрезано по высоте элемента.
contain - фоновое изображение полностью поместилось в пределах элемента, но часть площади элемента не была покрыта фоновым изображением.
20% - ширина и высота фонового изображения равны 20% от ширины элемента.