<figure class="radikalwp-cap-hover"><div class="radikalwp-cap-hover-img"><//div><figcaption><h4>کوهستان دماوند<//h4><span>سفرهای طبیعت‌گردی<//span><//figcaption><//figure>

.radikalwp-cap-hover {
  position: relative;
  width: 280px;
  height: 190px;
  margin: 0;
  overflow: hidden;
  border-radius: 16px;
  cursor: pointer;
}
.radikalwp-cap-hover-img {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #0ea5e9, #6366f1 60%, #8b5cf6);
  transition: transform .45s ease;
}
.radikalwp-cap-hover figcaption {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 16px;
  background: linear-gradient(180deg, transparent 30%, rgba(15, 23, 42, .85));
  color: #fff;
}
.radikalwp-cap-hover h4 {
  margin: 0 0 4px;
  font-size: 16px;
  opacity: 0;
  transform: translateY(14px);
  transition: transform .4s ease, opacity .4s ease;
}
.radikalwp-cap-hover span {
  font-size: 12px;
  opacity: 0;
  transform: translateY(14px);
  transition: all .4s ease .06s;
}
.radikalwp-cap-hover:hover .radikalwp-cap-hover-img { transform: scale(1.08); }
.radikalwp-cap-hover:hover h4,
.radikalwp-cap-hover:hover span {
  opacity: 1;
  transform: translateY(0);
}