[html]<style>.horoscope {
margin: 0 auto !important;
width: 600px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 30px;
}

.horo-card {
position: relative;
width: 250px;
height: 400px;
text-align: center;
transition: transform 0.8s;
transform-style: preserve-3d;
}

.horo-card:hover {
transform: rotateY(180deg);
}

.card-face, .card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.card-back {
background-color: #262626;
color: #f4f4f4;
font-size: 14px;
transform: rotateY(180deg);
box-sizing: border-box;
padding: 30px;
display: flex;
align-items: center;
justify-content: center;
}

.card-back p {
font-size: 14px!important;
}</style>

<br><div class="horoscope">
  <div class="horo-card">
    <div class="card-face">
      <img src="https://upforme.ru/uploads/0017/50/9c/2/345954.png">
    </div>
    <div class="card-back">
      <p>Направьте свою энергию на выполнение давно откладываемых дел. Но не бросайтесь делать несколько сразу; вместо этого выберите хотя бы одно и доведите его до конца. Награда не заставит себя ждать. Кстати, самое время обновить плейлист для тренировок!</p>
    </div>
  </div>
   <div class="horo-card">
    <div class="card-face">
      <img src="https://upforme.ru/uploads/0017/50/9c/2/321001.png">
    </div>
    <div class="card-back">
      <p>Звёзды намекают: пора побаловать себя чем-то вкусным. Купите ту самую сладость, на которую давно засматривались, и откиньте все сожаления. Или приготовьте любимое блюдо и красиво накройте стол. Маленькие ритуалы уюта творят чудеса с настроением.</p>
    </div>
  </div>
  <div class="horo-card">
    <div class="card-face">
      <img src="https://upforme.ru/uploads/0017/50/9c/2/581576.png">
    </div>
    <div class="card-back">
      <p>Записывайте время от времени мысли, которые приходят к вам в голову, даже самые странные. В конце концов, великие планы начинаются с удачно подхваченной идеи. Заведите себе красивый блокнот и пишите от руки, чтобы прочувствовать мысль!</p>
    </div>
  </div>
  <div class="horo-card">
    <div class="card-face">
      <img src="https://upforme.ru/uploads/0017/50/9c/2/811670.png">
    </div>
    <div class="card-back">
      <p>Вы столько времени заботитесь о других — пришло время позаботиться о себе. Устройте себе вечер полного детокса: включите любимый фильм, согрейте руки горячим какао и просто позвольте себе расслабиться. Вы это заслужили, как никто другой.</p>
    </div>
  </div>
  <div class="horo-card">
    <div class="card-face">
      <img src="https://upforme.ru/uploads/0017/50/9c/2/192941.png">
    </div>
    <div class="card-back">
      <p>Ваш момент блеснуть уже совсем близко — держитесь уверенно и не преуменьшайте свои заслуги. Окружающие замечают вас больше, чем кажется. Помните наряд, который пылится в шкафу для особого случая? Пришло время достать его.</p>
    </div>
  </div>
  <div class="horo-card">
    <div class="card-face">
      <img src="https://upforme.ru/uploads/0017/50/9c/2/525635.png">
    </div>
    <div class="card-back">
      <p>Хватит переделывать одно и то же по пятому кругу — оно уже и так хорошо, поверьте. Отпустите контроль хотя бы в мелочах и посмотрите, что будет. Спойлер: всё будет хорошо. Вздохните полной грудью и почувствуйте, как отступает стресс.</p>
    </div>
  </div>
  <div class="horo-card">
    <div class="card-face">
      <img src="https://upforme.ru/uploads/0017/50/9c/2/440123.png">
    </div>
    <div class="card-back">
      <p>Долгожданная гармония наконец нащупывается, не спугните её лишними сомнениями. Не надумывайте и доверяйте тому, что чувствуете. А чтобы положить вишенку на торт,  ответьте уже на то самое сообщение, которое игнорируете уже три дня.</p>
    </div>
  </div>
  <div class="horo-card">
    <div class="card-face">
      <img src="https://upforme.ru/uploads/0017/50/9c/2/400753.png">
    </div>
    <div class="card-back">
      <p>Интуиция сейчас работает на максимум, и не стоит душить и оспаривать её. Если что-то внутри говорит «нет», значит, нет. Зато «да» может неожиданно открыть вам интересную дверь. Разрешите себе немного непредсказуемости.</p>
    </div>
  </div>
  <div class="horo-card">
    <div class="card-face">
      <img src="https://upforme.ru/uploads/0017/50/9c/2/646793.png">
    </div>
    <div class="card-back">
      <p>Авантюрный дух просится на волю, и нет причины его сдерживать. Даже маленькое приключение — новое кафе, незнакомый район, спонтанная поездка — перезагрузит лучше отпуска. Жизнь щедра на сюрпризы для тех, кто открыт к ним.</p>
    </div>
  </div>
  <div class="horo-card">
    <div class="card-face">
      <img src="https://upforme.ru/uploads/0017/50/9c/2/825500.png">
    </div>
    <div class="card-back">
      <p>Вы столько всего держите на себе — время вспомнить, как просить окружающих о помощи. Не стыдитесь, ведь близкие будут только рады помочь. Освободите место для того, что действительно важно, и позвольте мыслям улечься.</p>
    </div>
  </div>
  <div class="horo-card">
    <div class="card-face">
      <img src="https://upforme.ru/uploads/0017/50/9c/2/266375.png">
    </div>
    <div class="card-back">
      <p>Нестандартная идея, которую вы вынашиваете, заслуживает шанса. Не ждите идеального момента — начните хотя бы с маленького шага. Окружающие удивятся, но обязательно оценят. Однако самое главное, что будете довольны вы сами.</p>
    </div>
  </div>
  <div class="horo-card">
    <div class="card-face">
      <img src="https://upforme.ru/uploads/0017/50/9c/2/235908.png">
    </div>
    <div class="card-back">
      <p>Если вы ждали знака, чтобы достать то, что давно лежит незаконченным, то вот он. Будь это старый рисунок, половина шарфа или несколько предложений в главе, сдуйте со своего творчества пыль и завершите начатое.</p>
    </div>
  </div>
</div>[/html]