спасибо за подсказку.
Но в первом скрипте заработало со всеми только этими 2 файлами. А почему нужны оба?
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
во втором скрипте что-то тоже не получается когда нужно использовать несколько блоков (не писать же под каждый свой скрипт)
я просто убрал из класса стилей transform: translateX(0%); и искажение прекратилось при сохранении работы кода...
эта тема решена