Right hand responsive corner picture

Is it possible to put a 150px x 150px image in the right hand corner of the header that will also be responsive when opened in a mobile device, and how would I place that.

 

Hi bgdrew!

Please follow the screenshot given below.

PHP:

<div class="top-right-img">
                      <img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-xap1/v/t1.0-1/p160x160/1656440_672134769492116_1158521722_n.png?oh=ff301fef138ca9ea448b32eb17f56c06&oe=5583A80F&__gda__=1434555565_c2a0abae2944086354a72f8f52fd65a1"/>
                      </div>

Now paste the css code given below in the custom css section.

Code:

.top-right-img {
float: right;
margin-top: -110px;
width: 150px;
margin-right: 15px;
}
.top-right-img img {
width: 100% !important;
}

Thanks,
Praveen