First change your classes to the following.
Two example shown, change for the other 3 too.
.north-img-style {
width: 375px;top: 10px;left: 11px;
}
.south-img-style {
width: 375px;top: 158px;left: 11px;
}
Then in this part of your code add these two lines
stop: function( event, ui ) {
var theID = ui.item.attr('id');
ui.item.addClass(theID + '-style');
}
the var theID
grabs the id
of the element, and then we just addClass with the same ID but add -style to it. So this will work for all five of your different classes.
EDIT
Yep, you can add more than one class at a time. Just separate with a comma like so:
var theID = ui.item.attr('id');
ui.item.addClass(theID + '-style', 'add-style');