cut image like slant shape

by har kaur

HTML

<div style="width:100%">
    <div style="widht:50%; float:left;background-color:#efefef;height:200px;width:300px;" class="cutCorner">
    My Texting
    </div>
    <div style="widht:50%; float:left;" >
    <img style=height:200px;width:300px;" src="http://www.mobilo-med.de/uploads/media/Push_up_girl.jpg">
    </div>
    </div>

CSS

.cutCorner {
    position:relative;
    border:1px solid transparent; display: inline-block;
}

.cutCorner img {
    display:block;
}

.cutCorner:after {
    position:absolute; left:-2px; top:-2px; content:'';
    border-bottom: 310px solid white;
    border-left: 310px solid transparent;
}