Images in Demo should be sized to fit the layout. Currently if you add an image to a "Text and Image" component, or to a teaser component the original image file is included, and it totally breaks the layout.
A. A rendition should be included rather than the original.
B. The image should not expand wider than its container - it should be resized.

Notes - CSS:
CSS classes should be added so that the images behave as if they have the bootstrap css class "img-responsive". Basically they should have a full width.
A way to implement this for the teasers and text-image would be something like the following rules:

/* IMAGES
-------------------------------------------------- */

.teaser img{
    max-width:100%;
}

.text-image-section img{
    max-width:100%;
}

.content-image-wrapper{
    position: relative;
}

Notes - Variation
I recommend adding an image variation to the theme called "large" or "layout-width" with a width of 940px. This would then fill the full width of the bootstrap layout. The textImage & teaser components both use the ImageModel class which will pickup the value of a parameter named "imageVariation" in the template definition.
Therefore, a possible path is to create new templateDefintions for the teasers and textImage components in the travel-demo module (which reference the mte script and dialog) and add this parameter to them - and of course update the content bootstraps to use these.

Tip: consider performing MGNLDEMO-102 in the same sprint. 102 builds on this ticket, so there's not really wasted work doing them separately - but might be most efficient to do both at the same time.