Fullwidth easy Slider issue

Hi there,

I”m using fullwidth easy slider to make it look like this
https://www.homesforheroes.com/wp-content/uploads/2017/10/finalprod.png

here is my progress
https://www.homesforheroes.com/wp-content/uploads/2017/10/wop.png

I’m using caption text to add the two circles
https://www.homesforheroes.com/wp-content/uploads/2017/10/sliderbackend.png

trying to use style.css to position of these two circles but it seems not work right now
.avia_transform .av_slideshow_full .active-slide .avia-caption-content, .avia_transform .av_fullscreen .active-slide .avia-caption-content #firstcircle {
left: 50px;
top: -200px!important;
}

Do you have any ideas of how I’m about to fix this? or should I use the different slider or different feature ? Thank you.

Emily