Шохрух Шаймардонов

Сработает если задать нижний отступ:

.float-left {
  margin-bottom: 70px /* = 100px - 30px (высота родительского блока - высота блока .float-left) */
}

Темные цвета если все три значения меньше 0.5,а чтобы считались светлыми, достаточно, хотябы 1 из 3х цветов был болье 0.5 т.е. RGB(255/2+1, 126, 126) - уже светлый, а RGB(126, 126,126) - темный. Исходя из этого можно сделать мини функцию которая определяет light or dark

buttons = document.getElementsByClassName('someClass');
for(let i = 0; i <buttons.length; i++)
{
  //Здесь будет функци по всем элементам класса
}

P.s. По совместимости и скорости быстрее чем querySelector ы

Можно удалить аттрибут.

allImages = document.querySelectorAll('img.img-fluid')
for(let i=0; i<allImages.length; i++)
  allImages[i].removeAttribute('caption')

Но все же это не лучшее решение, а ответ на вопрос:

Может кто подскажет как через JS удалять его со всего сайта при показе?

Вот готовая шпаргалка