/* .hero-image {
  width: 400px;
  height: 400px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
} */
.hero-image {
  width: 100%;
  max-width: 400px;
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 2rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-shadow {
  text-shadow: none;
}

/* @media (max-width: 740px) {
  .small-imgage {
    width: 100px;
  }
} */
.hero-image img {
  width: auto;
  height: 100%;
  transform: scale(1.3) translateY(40px); /* ⬅️ Уменьшает картинку, как ты просишь */
  transform-origin: center;
}
body {
  position: relative;
}
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23e0e2e4' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"),
    url("https://images.unsplash.com/photo-1519120944692-1a8d8cfc107f?ixlib=rb-1.2.1&auto=format&fit=crop&w=1470&q=80");
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-position: top left, center;
}

body {
  max-width: 100%;
  width: 100%;
  padding: 1rem;
}

.text-with-shadow {
  color: #c1c4c6de; /* можно темнее */
  text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.8);
}
/* body {
  background-color: #f3f3f3;
  background-image: 
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23a4a1a8' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"),
    url('https://images.unsplash.com/photo-1519120944692-1a8d8cfc107f?ixlib=rb-1.2.1&auto=format&fit=crop&w=1470&q=80');
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-position: top left, center;
  background-attachment: scroll, fixed;
} */

/* body {
  background-image: url('https://images.unsplash.com/photo-1519120944692-1a8d8cfc107f?ixlib=rb-1.2.1&auto=format&fit=crop&w=1470&q=80');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
} */