Drupal 7 responsive theme modifications focal point w/ example

Avg Bid (USD)
Project Budget (USD)
$30 - $250

Project Description:
I currently have a project that I need to implement focal point responsive for the main image so the footer of the site can always be on the bottom of the page and to have a text scroll in the body area.
Here is the site http://shah-shah.alexpapanicolaou.com
I need for the image to get larger and smaller as the screen sizes change but to have a focal point for the 'main image' where you see the hand with the ring. The image should get cropped or re-sized to fit appropriately.
Using this technique is one example: http://designshack.net/articles/css/focal-point-intelligent-cropping-of-responsive-images/

Also, the text area height should include a scroll box to control the height of the text content. It should only show if there's too much text that pushes the footer down lower. Attached are examples of how the site should look in different resolutions.

My budget for this is only $85 bids higher will not be considered. This should be simple for anyone that knows how to use bootstrap, jquery, javascript, php, drupal, etc.

Skills required:
Bootstrap, Drupal, Javascript, jQuery / Prototype, PHP
Additional Files: 800x600_Shah.png 1024x768_shah.png 1280x600_Shah.png 1280x800_Shah.png 1280x1024_Shah.png 1440x900_shah.png 1366x768_Shah.png 1600x1200_Shah.png 1920x1080_Shah.png 2560x1440_shah.png 16800x1050_Shah.png
About the employer:
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.

$ 215
in 3 days
$ 195
in 6 days
$ 252
in 3 days
$ 248
in 5 days
Hire ashishicfai
$ 83
in 2 days
$ 250
in 7 days