.with-pattern {
  display: inline-block;
  position: relative;
}
.with-pattern:after {
  content: '';
  display: block;
  background: url("https://static.tildacdn.com/tild3361-3839-4762-b332-383266666635/Group_120_1.jpg") repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: 80px;
  pointer-events: none;
}
 .t738__greyonhovercolor {
   
    filter: grayscale(0%);
      transition: 1s; /* Время эффекта */
  display: block;
}
  .t738__greyonhovercolor:hover {
 transform: scale(1.2); /* Увеличиваем масштаб */
}