iBird Rose

пару месяцев назад через модуль vote взламывали https://safe-surf.ru/specialists/news/676387/

после
$progress.val(Number(checked * 400 / total));
добавь

$('#percentvalue').text(Number(checked * 400 / total) + '%');

пропиши этому div height: 100%; и заодно и для .promo-slide

.slick-slide > div {height: 100%;}
.promo-slide {height: 100%;}

где сравниваешь - там и применяешь

if (slovo.toLowerCase() == newArr[i].toLowerCase()) {

разделить блок на 2 части по строкам.
верхний блок покрасить в желтый, а у нижнего сделать бордер желтый

есть готовые библиотеки для любого языка. к примеру:
php https://github.com/gumlet/php-image-resize
js https://www.npmjs.com/package/gulp-image-resize
в общем гугли "image resize *язык*"

для webp также есть готовые конверторы. к примеру https://www.npmjs.com/package/imagemin-webp

в твоем случае можно спокойно обойтись только css. выставляешь в ряд все возможные элементы через flex. далее в зависимости от адаптивности нужные показываешь, не нужные display: none; а положение меняешь через order

гугли "image glitch effect"
https://codepen.io/AlainBarrios/pen/OEOKgm

на эвент переключения таба вызывай:
$('.your-slider').slick('setPosition');

4.3273183608118E-5 это и есть 0.00004327318
это одно и то же число. просто представление разное. для вывода в читаемый вид можешь использовать:

<?php
$var = 4.3273183608118E-5;
echo number_format($var, 6);
echo "\n";
echo sprintf('%.6f', $var);

ну там же видно как сделано. position: sticky вешается на секции, когда они доходят до начала экрана и создается такой эффект. пару строк в js https://codepen.io/ibird/pen/rNdGBmo