尝试使用flexbox和媒体查询：）

.flex-mobile-column {
  flex-direction: column;
}

.d-flex {
  display: flex;
}

.justify-center {
  justify-content: center;
}

.align-center {
  align-items: center;
}

.flex-grow {
  flex: 1 0 50%;  
}

.p-5 {
  padding: 50px;
}

.img-300-500 {
  height: 300px;
}

@media only screen and (min-width: 900px) {
  .img-300-500 {
    height: 500px;
  }
  .flex-mobile-column {
    flex-direction: row;
  }
}

<div class="d-flex flex-mobile-column p-5">
  <div class="d-flex flex-grow justify-center align-center">
      <img src="https://via.placeholder.com/1000x1000" alt="img" class="img-300-500" />
  </div>
  <div class="d-flex flex-grow justify-center">
    <p>Nulla facilisi. Phasellus commodo maximus eros. Nullam in orci porta, porttitor arcu non, scelerisque mi. Duis ut leo porttitor, fermentum tortor in, consectetur mauris. Nunc nunc neque, rutrum id vehicula eget, volutpat vitae risus. Mauris sed maximus dolor. Phasellus nec ornare arcu. Ut sollicitudin mauris in arcu laoreet, sed laoreet ligula blandit. Nam hendrerit erat eu laoreet eleifend.</p>
  </div>
</div>

以全屏模式查看上面的代码片段，以查看在更高分辨率的显示器上查看时布局的外观。另一方面，您似乎正在使用bootstrap。它应该为您提供足够的flexbox实用程序，您将需要一个响应式设计。
这里是pen。我做的例子看起来不像你给的布局。但是，它会给予你一个想法，如何实现你想要的：）

首先，不要在HTML中使用width="..."和height="..."。如果你想让事情变得有响应性，你必须使用CSS。HTML中的所有内容实际上都是“硬编码”的，根本没有响应性。
其次，如果你固定宽度和高度，它会改变比例。您可以使用max-width和max-height（如here所示）来解决这个次要问题。

而不是使用

<div class="col-md-6">

单独不会帮助你，你必须使用

<div class="col-sd-6 col-md-6 col-lg-6">
</div>

也可以。尝试在percentage中使用，如：

<img src="image/p1.jpg" width="30%" height="35%"  align="left" >

百分比将自动调整您的图像根据屏幕。但你必须点击和尝试了很多，以检查所有屏幕上的更改工作正常。
如果你在某些时候被%卡住了，也可以尝试使用“媒体查询”。如果您有任何进一步的疑问，您可以发表评论。

从主图像中删除所有宽度并使用'img-responsive'类。
由于您使用的是bootstrap，请尝试以下操作

<div class='col-md-6 col-sm-6 col-xs-12'>
<div class='row'>
<div class='col-xs-6'>
<p>   <img src="image/p1.jpg" class='img-responsive'></p>
<p> 
<img src="image/f.jpg" width="35" height="30" >
                          <img src="image/twitter-bird-white-on-blue.jpg" width="35" height="30" > 
</p>
</div>
<div class='col-xs-6'>
<h3>PETER L.MARUZ </h3>
                          <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
                              </p>
</div>
</div></div>

对于图标，您可以使用外部样式