Оно?
<style>
div#div1{
box-sizing: border-box;
border: 1px solid green;
width: 100%;
height: 300px;
background-color: yellow;
position: absolute;
top: 0; left: 0;
padding-right: 300px;
}
img#img1{
border-right: 300px solid transparent;
bottom: 0;
height: 100px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
div#div2{
position: absolute; top: 0; right: 0; width: 300px; height: 300px; background-color: green;
}
</style>
<div id="div1">
<img id="img1" src="http://politrussia.com/upload/iblock/032/032e40743dba6b8e0ec37a7df1f89889.jpg"/>
</div>
<div id="div2"></div>