Библиотека
дизайнера

Поставьте якорь, например gallery, и ссылку #gallery. Добавьте код в T123. Параметр 80px оставляет место под фиксированную шапку.

<style>
html { scroll-behavior: smooth; scroll-padding-top: 80px; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}
</style>

В Zero Block добавьте изображению CSS-класс uc-photo-zoom через настройки элемента. Затем вставьте код в T123. На устройствах без курсора эффект не включается.

<style>
.uc-photo-zoom { overflow: hidden; }
.uc-photo-zoom .tn-atom {
  transition: transform .35s ease;
}
@media (hover: hover) {
  .uc-photo-zoom:hover .tn-atom { transform: scale(1.04); }
}
@media (prefers-reduced-motion: reduce) {
  .uc-photo-zoom .tn-atom { transition: none; }
  .uc-photo-zoom:hover .tn-atom { transform: none; }
}
</style>

Вставьте в T123. Контур появляется при навигации клавиатурой. Нажмите Tab на опубликованной странице, чтобы проверить результат.

<style>
a:focus-visible, button:focus-visible,
input:focus-visible, select:focus-visible {
  outline: 3px solid #f6543f;
  outline-offset: 4px;
}
</style>