Максим Морев

Стили непосредственно соответствующих элементов всегда предпочитаются унаследованным стилям, независимо от специфичности унаследованного правила

document.querySelector('.flex-container').addEventListener('scroll', (e) => {
  const w = e.target;

  if (w.offsetWidth + w.scrollLeft >= w.scrollWidth) {
    // элемент проскроллен до конца, то есть последний элемент полностью видим
  }
})

• создание модификатора, который нужен только для использования внутри одного блока - ни к чему;
  
• изменять геометрию и позиционирование в модификаторе - плохо. Есть кейсы, когда в какой-то мере это допустимо, но не в этом случае.
  

.second {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}