Дима Долготер

Тут не надо Keyframes тут надо transition.

.dropdown__container {
   background-color: lightgray;
  padding: 1em;
       transform: translateY(50px);
  will-change: transform;  //шоб плавнее было
    opacity: 0; transition:transform .3s,opacity .3s;
  
}

.dropdown:hover > .dropdown__container {
  will-change: transform;  
   transition:transform .3s,opacity .3s;
  transform: translateY(0px);
   opacity: 1;
 }

а кейфреймс удали

var docimg = $(".list-group-item-doc").find("img").hover(function(){ 
       $(this).parent().find("h4").css("bottom","15px");
      }, function(){ 
     $(this).parent().find("h4").css("bottom","5px");
    });

сам зеленый, так что не удивляйся если не подойдет)

https://javascript.ru/PROMPT

при клике на меню. чтоб добавлялся галерее класс с анимацией в которой описывалось margin-right: -120px;
в течении всего времени анимации. и получится эффект будто она не движется.

ниже вариант получше, но иногда хотят чтоб было с движущимся контентом

смотри тут