<div class="item">
  <img src="https://sc01.alicdn.com/kf/HTB1FvC.k9cqBKNjSZFgq6x_kXXaI/231780201/HTB1FvC.k9cqBKNjSZFgq6x_kXXaI.jpg" alt="">
  <span>Гвоздевой станок</span>
</div>

img {
  display: block;
}

.item img {
  max-height: 350px;
}

.item {
  position: relative;
  display: inline-block;
  border: 1px solid #ccc;
}

.item:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(170deg, transparent 30%, #fff 30%);
  width: 100%;
  height: 30%;
}

.item span {
  position: absolute;
  bottom: 30px;
  left: 25px;
  z-index: 2;
  font-size: 14px;
}