Не работает last-child для изборажения в блоке, Почему?

Не работает nth-child(2) или last-child для изображения если между ними есть тег

<div class="post">
    <img data-src="@img/blog-1.jpg" alt="" />
    <p>13</p>
    <img data-src="@img/info/info-3.jpg" alt=""/>
</div>

CSS

.post{

 img{

  &:first-child{
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
  }

  &:nth-child(2){
    float: right;
    margin-top: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
  }
}

}