Shape-Outside issue

trying to figure out how to get the text to follow the shape.

by Marcus

HTML

<!-- DYNAMITE PAGE 04 BEGIN -->
				<div id="Dynamite_page_04" class="content_section gallery_container color_style_a_1">
					<div class="content_section_comfortable spacer_top">
                    	
                    	<img src="http://optiqvision.x10host.com/Photos/svg/Red_Swatch.svg"/ class="dynamite_color_swatch">
                    	
                      <p>
                          The first color to reach the eye will be the highlight shade of red.  As you can see on the left there isn’t very much of this color present.  As a result I made it really bright just so it would have a stronger impact making it more visible.  It also conveniently serves as the same type of effect fireworks has when you see the quick bright flash milliseconds before the light of the explosion spreads out.
						<br /><br />
							          I went with the mid-tone I chose because it’s hot enough to stimulate the sense but isn’t so stimulating it becomes irritable.  Red is an impulsive color but considering the level of integrity the company wants to maintain they don’t want to create too much impulsiveness because they like to take their time and make sure they cover everything so they can do a perfect job.  They want the customers to relax and trust them so we wanted to go with something “enticing” as opposed to “stimulating” so it “draws them in” rather than “charges them up”.  I decided to make the front of the letters predominantly red so the name is  among the first things to stand out, vs. if I used it in place of what’s yellow then the name wouldn’t process until later on, which would just leave an odd undefined shape in the viewer’s brain until the rest of the data is filled in and it can be distinguished.  The inner border of the blast and parts of the shirt are represented here and help set the foundation for the rest of the design to unfold.  
						          <br /><br />
							        The deeper red I chose for the shadow helps mold the mid tone into an...

CSS

.gallery_container{
	display: block;
	border-radius: 0.33em;
}

.dynamite_color_swatch{
	width: 8em;
	height: 11em;
	/*display: block;*/
	float: left;
	
	shape-outside: polygon(67.3190000000em 0.9660000000em, 20.0270000000em 30.0750000000em, 1.0200000000em 98.6410000000em, 20.0270000000em 167.2050000000em, 67.3190000000em 196.3140000000em, 114.6110000000em 167.2050000000em, 133.6190000000em 98.6410000000em, 114.6110000000em 30.0760000000em, 67.3190000000em 0.9660000000em, 67.3190000000em 0.9660000000em);
	
	-webkit-shape-outside: polygon(67.3190000000em 0.9660000000em, 20.0270000000em 30.0750000000em, 1.0200000000em 98.6410000000em, 20.0270000000em 167.2050000000em, 67.3190000000em 196.3140000000em, 114.6110000000em 167.2050000000em, 133.6190000000em 98.6410000000em, 114.6110000000em 30.0760000000em, 67.3190000000em 0.9660000000em, 67.3190000000em 0.9660000000em);
}






















/* FRAMEWORK N COLORS N STUFF */
body{
    width: 100%;
	height: 100%;
	background: url(http://optiqvision.x10host.com/Photos/Body_BG.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin: auto;
	position: relative;
	display: block;
	/*top: 2.5em;*/
	z-index: 1;
}

.content_section{
    width: 92%;
    height: auto;
    margin: auto;
}

.content_section_comfortable{
    width: 77%;
    height: auto;
    margin: auto;
}

.color_style_a_1{
    border-style: ridge;
    border-color: #84D5f5;
    border-width: .11em;
    color: #BAD5FF;
    background-color: rgba(56, 220, 242, 0.11);
    box-shadow: 0 0 3em rgba(56, 165, 242, 0.44);
    text-shadow: 0 0 1em rgba(56, 165, 242, 0.88);
}