如何仅使用CSS将图像与标题链接？

Question

我想将标题链接到我的图像，问题是我无法访问HTML代码，并且我不能仅仅将标题移到图像上，因为它必须适应各种分辨率。

我正在使用Drupal。

我已经尝试过将标题移到图像上，但是当我在另一个屏幕上打开网站时，它不再起作用。

'''CSS

.image { 
      position: relative;
}

.profilesclass h4 { 
      position: absolute;
      color: white; 
      background: rgb(0, 0, 0); 
      background: rgba(0, 0, 0, 0.7);
      padding: 10px;
      z-index: 100;
      top: 1300px;
}

.writerclass h4 { 
      position: absolute;
      color: white; 
      background: rgb(0, 0, 0); 
      background: rgba(0, 0, 0, 0.7);
      padding: 10px;
      z-index: 100;
      top: 800px;
      left: 500px;
}

.writerclass h4{
      width: 110px !important;
}

'''