Юрий

<script>
function includeHTML() {
  var z, i, elmnt, file, xhttp;
  /* Loop through a collection of all HTML elements: */
  z = document.getElementsByTagName("*");
  for (i = 0; i < z.length; i++) {
    elmnt = z[i];
    /*search for elements with a certain atrribute:*/
    file = elmnt.getAttribute("w3-include-html");
    if (file) {
      /* Make an HTTP request using the attribute value as the file name: */
      xhttp = new XMLHttpRequest();
      xhttp.onreadystatechange = function() {
        if (this.readyState == 4) {
          if (this.status == 200) {elmnt.innerHTML = this.responseText;}
          if (this.status == 404) {elmnt.innerHTML = "Page not found.";}
          /* Remove the attribute, and call this function once more: */
          elmnt.removeAttribute("w3-include-html");
          includeHTML();
        }
      }
      xhttp.open("GET", file, true);
      xhttp.send();
      /* Exit the function: */
      return;
    }
  }
}
includeHTML();
</script>

• родительский блок с бэкграундом
  
• псеводоэлемент родительского блока со своим бэкграундом
  
• текст который вы дополнительно обернули
  

<label class="office_info">
<div class="office_select"><form action="/" method="GET"><input name="office_select" type="checkbox" /></form></div>
<div class="office_address"><h3>ул. Энтузиастов, 31</h3></div>
<div class="office_tel">Тел. </div>
<div class="office_is_open"><div class="office_open_not">Закрыто еще 2 часа 21 минуту</div></div>
</label>

visibility: hidden;
opacity: 0;
transform: translateY(-10px);
transition: all .3s ease;

visibility: visible;
transform: translateY(0);
opacity: 1;