Hide Me Toolbar

Hide Me Toolbar

HTML

<div id="main-content" >
    <img  src="https://forumcontent.paradoxplaza.com/public/373063/ENG%20service%20overseas%20spirit%20pic.png"/>
    <img  src="https://forumcontent.paradoxplaza.com/public/373038/image%20%285%29.png"/>    
</div>

CSS

.width50{
    width: 50% !important;  
}
.width100{
    max-width: 1000px !important;
}

JavaScript

$(window).on('resize', function(){
    var box = $(this);        
    var width = box.width();
    var height = box.height();    
    if ( width > 300) {
        $("img").each(function(){
            if($(this).width>800)
                $(this).addClass("width50");
            else
                $(this).addClass("width100");        
        });
    } else {
        $("img").removeClass("width50 width100");
    }          
    $('.size').html(width+'x'+height);
}).trigger('resize');