Customizing individual images on posts

The best answer I had was to add a &nbsp in the function callback html at the end of the section tag. This forced the curser out of section wrapper in the WYSIWIG of WordPress. It’s not the perfect fix but it worked.

function html5_insert_image($html, $id, $caption, $title, $alt, $align, $url) {
$url = wp_get_attachment_url($id);
$html5 = "<section class="js-simple-lightbox">";
$html5 .= "<figure class="cbp-item">";
$html5 .= "<a  class="cbp-lightbox" data-title="$title" href="https://wordpress.stackexchange.com/questions/206966/$url">";
$html5 .= "<img class="img-responsive" src="https://wordpress.stackexchange.com/questions/206966/$url" alt="$alt" width="100%" />";
$html5 .="</a>";
$html5 .= "</figure>";
$html5 .= "</section>&nbsp;";
return $html5;
}
add_filter( 'image_send_to_editor', 'html5_insert_image', 10, 9 );