响应式PHP标头有三个div

Question

我是一名学生，也不熟悉编码。我正在尝试为我的老板建立一个网站作为宠物项目。我正在尝试开发一个响应式标题，背景图像覆盖有三个透明div，我将放置三个链接。由于我正在使用WordPress并使用免费主题，我必须通过PHP完成大部分工作。但是，我还尝试使用一些CSS来使头部工作。我试图建立的网站位于：

http://cmheatingcooling.newcalling.org

CSS代码如下：

.header-section{

min-height: 35vh;
min-width: 150vh;

background:url('http://cmheatingcooling.newcalling.org/wp-
content/uploads/2017/05/cropped-CandM.jpg');
background-size: cover;
background-size: 100% 100%;
background-repeat: no-repeat;
}

虚线框表示我试图在PHP代码的标题部分插入的一个div。 div代码如下：

<?php 
echo " <div style=\"width: 280px; height: 200px; border: 2px dashed #000000;  
display:inline-block; position: relative; top: 50%; bottom: 50%; right: 0%; 
left: 150%; padding: 3px; margin: 5px\">"; 
?> 

任何人都能提供给我的任何帮助都是巨大的。在这一点上，我觉得我在黑暗中想知道。如果我不够清楚，请耐心等待，因为这很可能是由于缺乏专业知识，缺乏解决问题的动力或对帮助我的人有所帮助。

谢谢。