Почему CSS по-разному отображается на других комптютерах?

Проект на VUE JS,
знакомый прислал скрин с компьютера, что у него неверно оттображается текст, который синий, он сдвинут.
Я проверял на всех своих браузерах, со всеми выключенными расширениями. Также проверял сайт через инкогнито. У меня отображается отлично, а вот у других людей отображается неправильно

Что может быть причиной этого?

Скрин с моего компь.тера:


Скрин с компьютера другого человека:

<div class="content">
     <div class="bio-fade">
        <h2>Glinka</h2>
        <h2>Anastasya</h2>
      </div>

     <div class="container">
        <div class="bio">
          <h1>Hello,</h1>
          <h2>I'm GLINKA</h2>
        </div>
    </div>
</div>

.container {
  width: 90%;
  margin: 0 auto;
  z-index: 999;
}

.content {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  justify-items: start;
  position: relative;
  overflow: hidden;
  margin-left: var(--nav-width);
}

.bio {
  height: 20%;
  width: 100%;
  text-align: left;
  z-index: 999;
  margin-top: 8em;
}

.bio-fade {
  position: absolute;
  right: 310px;
  top: 60px;
  z-index: 1;
}

.bio-fade h2 {
  margin: 0;
  text-transform: uppercase;
  text-align: left;
  color: #0b022d;
  font-size: 5rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
}

.bio-fade h2:last-child {
  transform: translateY(22px);
}