Howto: Add Custom image sizes ?. Change Responsive Behavior of images

By default all images inherit responsive behavior - if you want to use fixed dimensions, either do so by adding a class to your image e.g.

img src="" /> 

and then add this into the Custom CSS box located in your Salient Options panel:

.my-size { width: 400px!important; height: 300px!important; }

OR remove these lines from the style.css to clear the responsive behavior for all images:

.main-content img {
    height: auto;
    max-width: 100%;
}
.row .col img {
    height: auto;
    margin-bottom: 15px;
    max-width: 100%;
    width: auto;
}

Cheers :)