WebEagle

document.addEventListener("DOMContentLoaded", function(event) { 
    const focusElement = document.querySelector('.brz-tabs__item--content ');
    if (focusElement) {
        focusElement.focus();
    }
});

td {
    vertical-align: top;
}

Класс адаптируйте под свою таблицу

Проблема в пузырях, если реализовывать красиво - лучше JS + CANVAS. В рамках в фафанчик делать - стоит для получения опыта. Если Сроки сжаты и не хочется облажаться - тогда запариваться не стоит))
По-хорошему, время много убьешь если опыта нет, при учете сделать красиво и хорошо

когда срабатывает hover проверять у элемента tagName и сравнивать его с 'A' или "BUTTON' можно еще, и тогда изменять размер следящего элемента

Вероятно придётся чем-то пожертвовать если использовать cover и отпозиционировать background-position

Поддерживаю, вариант margin: 0 auto; Для одно элемента, главное не забыть ему ширину прописать, иначе не всегда срабатывает

из .box нужно убрать position: absolute; или сделать position: relative;

И вообще absolute нужно обдуманно использовать, в вашем примере я бы вообще избавился