I want to use as much HTML and CSS as possible and the least JavaScript as possible. The image in the spotlight is supposed to be fitting into the square perfectly, with all pixels from left to right being shown. Basically, I want it to resize according to the screen size.
I’ve looked all over the web and nothing seemed to work.
Try adding
background-size:coverto the spotlight class like in this example: http://cssdesk.com/4vQvQ