JSFiddle - React, Tailwind, and code Playground

HTML

<img src="https://www.gravatar.com/avatar/dc1c29835cec1a32bca11974d3925e2c?s=200&d=identicon&r=PG" alt="OP" />

CSS

img {
    display: block;
    width: 200px;
    height: 200px;
    -webkit-transform: rotate(60deg);
    margin-bottom: 60px;
}

JavaScript

var dimensions = document.querySelector("img").getBoundingClientRect();

document.body.appendChild(document.createTextNode(dimensions.width + " x " + dimensions.height));