Как у первого img сделать один размер, а у других 100%?

<div class="post_content" itemprop="description">
    <span class="full-story">
      <!--TBegin:https://site.ru/uploads/posts/2017-02/1487218449_pogudx2q8186qjcaa.8a0c35a7.jpg|-->
      <a href="https://site.ru/uploads/posts/2017-02/1487218449_pogudx2q8186qjcaa.8a0c35a7.jpg" rel="highslide" class="highslide">
        <img src="https://site.ru/uploads/posts/2017-02/thumbs/1487218449_pogudx2q8186qjcaa.8a0c35a7.jpg" alt="alt" title="title">
      </a>
      <!--TEnd-->
      <br>
      <br>text
      <br>
      <!--TBegin:https://site.ru/uploads/posts/2017-02/1487218384_pogudx4mdkhd1pkrk.5e2d8ac0.jpg|-->
      <a href="https://site.ru/uploads/posts/2017-02/1487218384_pogudx4mdkhd1pkrk.5e2d8ac0.jpg" rel="highslide" class="highslide">
        <img src="https://site.ru/uploads/posts/2017-02/thumbs/1487218384_pogudx4mdkhd1pkrk.5e2d8ac0.jpg" alt="alt" title="title">
      </a>
      <!--TEnd-->
      <br>
      <br>text
      <br>
  </span>
</div>

.post_content img:first-child {
    max-width: 70%;
    width: 70%;
}