JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent-container">
    <img class="image" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTDnUt2BXPwCplm7W0_l1wlumabnfu1BUrftI7nKYwQsHkoilfk" />
</div>

CSS

.parent-container {
    height: 400px;
    background-color: #123456;
    overflow: hidden;
}

.image {
    height: 70.92%;
    position: relative;
    transform: translate(-50%, 0)rotate(-45deg);
    top: 14.4%;
}