Защо картинката ми не стана кръгла, а елипсовидна? 

Здравей, Изображението ти не става кръгло, защото пропорциите му са по-различни. Преди да му сложиш border-radius, то е било правоъгълно и вертикално. Ако беше квадратно преди това, то с border-radius щеше да придобие кръгла форма. Вариантът е да го направиш с квадратна форма, като го изрежеш.

Добре, благодаря.

Мисля си - какво би станало, ако наместо да изрязваме и обработваме всяко изображение (в случая до квадрат), дефинираме квадратен блок, радиуси и в него да дефинираме изображението като елемент, но така, че с отмествания да може да го позиционираме за да се вижда желаната част от него? (Обаче остатъка от изображението трябва да не се вижда извън рамката.)

Предимствата биха били, че сменяйки стила (дебелина, цвят) на кръглата рамка и мащаба през ширината да можем с лекота да поместваме изображения в рамка ( примерно елипса като на възрожденските портрети) и така правейки страница с множество повторяеми закръглени елементи да зададем рамката в стила, а на всеки портрет на място да задаваме само мащаба и отместването в един ред, така, че да се вижда само желаната част от изображението.

И всъщност по- нататък от видеоурока за спрайтове научаваме, че това се прави по същата идея.