Added styles for course images to always the right dimentions

lms/static/sass/multicourse/_course_about.scss

@@ -27,14 +27,17 @@
       max-width: 1200px;
       min-width: 760px;
       position: relative;
-      width: 100%;
       z-index: 2;
 
-
+      > div.table {
+        display: table;
+        width: 100%;
+      }
       .intro {
         @include box-sizing(border-box);
         @include clearfix;
-        float: left;
+        display: table-cell;
+        vertical-align: middle;
         padding: 20px 20px;
         position: relative;
         width: flex-grid(8) + flex-gutter();
@@ -130,9 +133,7 @@
       .media {
         background: transparent;
         @include box-sizing(border-box);
-        display: block;
-        float: right;
-        height: 180px;
+        display: table-cell;
         padding: 20px;
         position: relative;
         width: flex-grid(4);

lms/templates/portal/course_about.html

@@ -51,6 +51,7 @@
 <section class="course-info">
   <header class="course-profile">
     <div class="intro-inner-wrapper">
+      <div class="table">
       <section class="intro">
         <hgroup>
           <h1>${course.number}: ${get_course_about_section(course, "title")}<a href="${reverse('university_profile', args=[course.org])}">${get_course_about_section(course, "university")}</a></h1>
@@ -84,6 +85,7 @@
       </div>
       % endif
     </div>
+      </div>
   </header>
 
   <section class="container">