1:1 image in react

gistfile1.txt

<style>
.img:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}

.img {
  display
  background-color: #f00;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
</style>

<div class={classnames(this.p style.img" style="background-image:url(https://s.yimg.com/wb/images/0B792B7504D98BB5E494D567FA957EE3859E3973)">{child}</div>


<Image img="Xxxx" />

<Image class img="xxxx">