slagoris

Странное дело, обычно такая помощь была, но в этот раз, видимо, не судьба.
Сам разобрался

let tab = function () {
        let tabNav = document.querySelectorAll('.tabs-nav__item');
        let tabContent;
        let tabName;

        tabNav.forEach(item => {
            item.addEventListener('click', selectTabNav )
        })

         function selectTabNav() {
            let navs = this.closest('.tabs-nav').querySelectorAll('.tabs-nav__item');
            tabContent = Array.from(this.closest('.tabs-nav').nextElementSibling.children)
            navs.forEach(item => {
                item.classList.remove('active')
            });
             this.classList.add('active');
             tabName = this.getAttribute('data-tab-name');
             selectTabContent();
         }
         function selectTabContent() {
            tabContent.forEach(item=>{
                item.classList.contains(tabName) ? item.classList.add('active') : item.classList.remove('active')
            })
         }
     };
     tab();

сам же отвечаю на свой вопрос. обычное абсолютное позиционирование. а почему сразу не получалось - случайно вылетел из таск-менеджера sass файл со стилями контейнера со всеми медиазапросами, и при каждом движении все разъезжалось. вернул брейкпоинты на место, все ок. Спасибо за отзывчивость, особенно Владиславу.