How to add a circular background to a gif using css

Question

I want to add a circular background behind this gif.

I tried adding the following css properties

.code-img {
  background-color: #66BFBF;
  border-radius: 100%;
  padding: 30px;
  width: 20%;
}

However, the border is covering part of the gif.

user_16436177 · Answer

Put the image inside a div and it works perfectly.

.img-box {
  background-color: #66BFBF;
  border-radius: 100%;
  width: 150px;
  padding: 23px;
}

.code-img {
  width: inherit;
}