How to properly resize a 3D logo?

Question

css

Hello! help me please!

how to resize the 3D logo correctly?
link to original logo

.coin {
  position: relative;
  width: 245px;
  height: 245px;
  margin: 50px auto;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-animation: rotate3d 8s linear infinite;
          animation: rotate3d 8s linear infinite;
  transition: all .3s;
}

.coin__front,
.coin__back {
  position: absolute;
  width: 245px;
  height: 245px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #E8D0BB;
}
.coin__front:after,
.coin__back:after {
  content: "";
  position: absolute;
  left: -150px;
  bottom: 100%;
  display: block;
  height: 200px;
  width: 600px;
  background: #fff;
  opacity: 0.3;
  -webkit-animation: shine linear 4s infinite;
          animation: shine linear 4s infinite;
}

.coin__front {
  background-image: url("../../images/emblem.png");
  background-size: cover;
  -webkit-transform: translateZ(10px);
          transform: translateZ(10px);
}

.coin__back {
  background-image: url("../../images/emblem.png");
  background-size: cover;
  -webkit-transform: translateZ(-10px) rotateY(180deg);
          transform: translateZ(-10px) rotateY(180deg);
}

Answer 1

https://codepen.io/topicstarter/pen/YOEMQb?editors=1100
you can do the same but scale();