<div class="gradient-border" id="box">
<img class="maxlvl" src="https://cdn-icons-png.flaticon.com/512/2652/2652185.png" width="70" height="70">
</div>

html, body {
  height: 100%;
}
body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background: #1D1F20;
}
#box {
  display: flex;
  width: 500px;
  height: 250px;
  align-items: right;
  justify-content: right;
}
.maxlvl{
  filter: invert(85%) sepia(100%) saturate(6354%) hue-rotate(347deg) brightness(80%) contrast(100%);
  margin:8px;
}
.gradient-border {
  --borderWidth: 5px;
  background: url(https://shikimori.one/assets/achievements/anime/author/makoto_shinkai.jpg);
  position: relative;
  border-radius: var(--borderWidth);
}
.gradient-border:after {
  content: '';
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, #ffefbb, #e8d24a, #f4d64f, #fff7dd, #eecd40, #f4d64f, #fbdd53);
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
}
@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}