@media (max-width: 640px) {
  .info-block {
    position: relative;
    overflow: hidden;
  }

  /* الصورة */
  .info-block__bg {
    position: absolute;
    inset: 0;
    background-size: cover !important;
    background-position: center !important;
    z-index: 1;
  }

  /* الخلفية السوداء جوّا الصورة */
  .info-block__bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55); /* درجة السواد */
    z-index: 2;
  }

  /* النص فوق كل شيء */
  .info-block__content {
    position: relative;
    z-index: 3; /* فوق الخلفية والصورة */
    padding: 28px 18px;
  }

  .info-block__content-inner h2,
  .info-block__content-inner p {
    color: #fff !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.4);
  }

  .display-all-url {
    border: 1.5px solid #fff !important;
    color: #fff !important;
    background: rgba(255,255,255,0.1);
    border-radius: 12px;
    padding: 10px 18px;
    transition: 0.3s ease;
    position: relative;
    z-index: 3;
  }

  .display-all-url:hover {
    background: #fff !important;
    color: #693196 !important;
  }
}