Image (Изображение)

Блок для вставки изображения на страницу.

• ⚙️ Функции
  загрузка: Upload (с компьютера)
  Media Library
  URL
  настройки: размер (thumbnail / medium / full)
  выравнивание
  ссылка (кликабельное изображение)
  alt-текст (важно для SEO)
  стили: скругление
  рамка (зависит от темы)
  
  🎯 Зачем нужен
  Чтобы:
  показать визуал
  усилить текст
  сделать страницу живой
  
  📍 Где используется чаще всего
  hero-блоки
  карточки
  галереи
  статьи
  лендинги
  

⚠️ Важно (очень важный момент)
👉 Alt Text (альтернативный текст)
Это:
для SEO
для accessibility
для Google

---

🔹 Реакция на hover (наведение мышки)

1

Выдели Image → Advanced → назначить класс (дать имя действию)

hover-img

2

→ Dashboard → Appearance → Edit → Styles → Additional CSS → Добавь CSS:

.hover-img img {
  transition: transform 0.3s ease;
}

.hover-img:hover img {
  transform: scale(1.05);
}

---

🔥 Что можно сделать через hover

• затемнение (opacity)
• увеличение (zoom)
• смена картинки
• появление текста
• эффект “как в карточках”