Наклонить блок без наклона содержимого

div { 
  width: 200px; 
  height: 200px; 
  border: 1px solid red; 
  background: blue; /*Незабываем про фон контейнера*/ 
  margin: 0 auto; 
   
  transform: skewX(45deg); /*Поворачиваем блок*/   
  overflow: hidden; /*Чтобы картинка не выходила за контейнер*/  
} 
 
div img { 
  width: 100%; 
  height: 100%; 
   
  transform: skewX(-45deg); /*Возращаем в первоначальное положение картинку*/   
}

<div> 
  <img src="https://avatarko.ru/img/kartinka/18/frukt_yabloko_17951.jpg" alt="" /> 
</div>