Rustam97,
Вы смотрите выполнение программы в режиме Посмотреть! на этом форуме? Если да, то вы можете заметить, что никаких кругов и фотографий при работе этой программы не видно, про круг вы только сейчас разместили информацию, а ссылки типа
<img align="center" src="bg.png" alt="Paskelcilik zolagy" class="hero" id="mode"/>
здесь, естественно, не работают - поэтому я всей картины не вижу, вы уж как-нибудь попробуйте сами поиграть с параметрами позиционирования объектов с учетом сказанного ранее о необходимости компенсации положения объектов