.img-char {
	display: inline-block;
	position: relative;
	padding: attr(data-padding);
}

.img-char img {
	position: relative;
	top: attr(data-offset px);
	width: 16px;
	height: 16px;
  vertical-align: middle;
  object-fit: contain;
  object-position: center;
}

@media(max-device-width: 768px) {
  .img-char img {
    width: 2rem;
    height: 2rem;
    top: attr(data-offset-m px, attr(data-offset px));
  }
}