Как сделать text по центру в псевдоэлементе :after?

div::after {
  content: "text";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 300px;
  background: url(https://image.flaticon.com/icons/svg/33/33587.svg) no-repeat center / 100%;
}

display: flex;
align-items: center;
justify-content: center;

Я переименовал класс "block" на div::after - и все заработало точно также!

А можете сказать для чего нужен

.div::after {
                content: "Hello";
                top: 37px;
                left: 28px;
                right: auto;
                position: absolute;