I need to change the images shape to trapezoid without cropping the image

Question

 .Div { border: double; height: 400px; width: 325px; clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 93%); } 

 <div class="Div"></div> 

Answer 1

.Div {
  border: double;
  height: 400px;
  width: 325px;
  clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 93%);
  transform: rotate(90deg); 
}

Answer 2

you can create div tag and apply CSS on it

style="background-image:url('img.png');background-size:12px";

and Also can check the div style.