.my-block {
  padding: 4px;
}

/* 1 1 1 1 1 1 1 1 1  */
.image-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
  padding: 4px;
}

/* Стилі для всіх кнопок */
.image-grid a {
  display: block;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, background-image 0.5s ease;
}

/* Ефект при наведенні */
.image-grid a:hover {
  transform: scale(0.95);
}

/* Стандартні розміри для кнопок 1-4 на великих екранах */
.img1,
.img2,
.img3,
.img4 {
  width: 400px;
  height: 170px;
}
.img1 { background-image: url('https://minio.kyivcity.gov.ua/kyivcity/sites/17/2025/cnap/00001.jpg'); }
.img2 { background-image: url('https://minio.kyivcity.gov.ua/kyivcity/sites/17/2025/cnap/00002.jpg'); }
.img3 { background-image: url('https://minio.kyivcity.gov.ua/kyivcity/sites/17/2025/cnap/00003.jpg'); }
.img4 { background-image: url('https://minio.kyivcity.gov.ua/kyivcity/sites/17/2025/cnap/00004.jpg'); }

.img1:hover { background-image: url('https://minio.kyivcity.gov.ua/kyivcity/sites/17/2025/cnap/00001n.jpg'); }
.img2:hover { background-image: url('https://minio.kyivcity.gov.ua/kyivcity/sites/17/2025/cnap/00002n.jpg'); }
.img3:hover { background-image: url('https://minio.kyivcity.gov.ua/kyivcity/sites/17/2025/cnap/00003n.jpg'); }
.img4:hover { background-image: url('https://minio.kyivcity.gov.ua/kyivcity/sites/17/2025/cnap/00004n.jpg'); }

/* Велика кнопка .img5 — тільки для великих екранів */
.img5 {
  width: 806px;
  height: 96px;
  background-image: url('https://minio.kyivcity.gov.ua/kyivcity/sites/17/2025/cnap/00005.jpg');
  margin-left: 4px; /* вирівнювання */
}
.img5:hover {
  background-image: url('https://minio.kyivcity.gov.ua/kyivcity/sites/17/2025/cnap/00005n.jpg');
}

/* Адаптив для мобільних: менші кнопки і заміна великої img5 на маленьку */
@media (max-width: 768px) {
  .img1,
  .img2,
  .img3,
  .img4 {
    width: 250px;
    height: 106px;
  }

  .img5 {
    width: 250px;
    height: 106px;
    margin-left: 0;
    background-image: url('https://minio.kyivcity.gov.ua/kyivcity/sites/17/2025/cnap/00005-small.jpg');
  }

  .img5:hover {
    background-image: url('https://minio.kyivcity.gov.ua/kyivcity/sites/17/2025/cnap/00005-small-hover.jpg');
  }
}