Bootstrap Media对象图像调整大小问题

Question

图像的大小比标题和段落文本大得多。我正在尝试使用bootstrap创建“注释线程”类型的代码。仅供参考注释，图像和带日期的标题应正确对齐在假想的方框中，评论在facebook，youtube上排列。

 <div class="col-xs-7"> 
      <div class="media-list">
          <div class="media">
            <div class="media-left">
                <a href="#">
                    <img src="media1.png" alt="Harsh Parikh" class="media-
                    object pull-left">
                </a>
            </div>  
            <div class="media-body">
                <h4 class="media-heading">Harsh Parikh<small><i> October 
                 21,2017</i></small></h4>
                <p class="text-justify">Alphabet Inc. is an American 
                  multinational conglomerate created in a corporate 
                  restructuring of Google on October 2, 2015.</p>

                <div class="media">
                    <div class="media-left">
                        <a href="#">
                            <img src="media1.png" alt="Harsh Parikh" 
                             class="media-object pull-left">
                        </a>
                    </div>  
                    <div class="media-body">
                        <h4 class="media-heading">Harsh Parikh<small><i> 
                         October 21,2017</i></small></h4>
                        <p class="text-justify">Alphabet Inc. is an American 
                            multinational conglomerate created in a corporate 
                           restructuring of Google on October 2, 2015.</p>

                    </div>

                 </div>
              </div>

          </div>
      </div>
  </div>