body {
  margin: 0;
  background: #f5f5f5;
  font-family: Arial;
}

/* Контейнер */
.catalog {
  position: relative;
  width: 1200px;   /* подгони под свою картинку */
  margin: 0 auto;
}

/* Сам "PDF" */
.catalog-img {
  width: 100%;
  display: block;
}

/* Кликабельные зоны */
.tile {
  position: absolute;
  display: block;
  cursor: pointer;

  /* Для отладки (видно зоны) */
  background: rgba(255, 0, 0, 0.2);
  border: 1px solid red;
}

/* Убери после настройки */
.tile:hover {
  background: rgba(0, 255, 0, 0.3);
}