/* Карточка */
.my-card {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

/* Картинка */
.my-card .card-image {
  width: 100%;
  transition: transform 0.3s ease-in-out;
}

/* Заголовок и описание */
.my-card .card-title {
  transition: color 0.3s ease-in-out;
  color: #ffffff;
}

/* Эффект при наведении */
.my-card:hover .card-image {
  transform: scale(1.1); /* Увеличение картинки */
}

.my-card:hover .card-title {
  color: #f272D8;
}

.my-card:hover .card-icon {
  transition: color 0.3s ease-in-out;
  fill: #f272D8;
}

.link:hover {
  transition: color 0.3s ease-in-out;
  color: #f272D8;
}

.icon-tg:hover {
  transition: color 0.3s ease-in-out;
  fill: #f272D8;
}


.icon-friend:hover {
  fill: #ffffff;
  transform: scale(1.1);
  transition: color 0.3s ease-in-out;
}