#dynamic {
  display: flex;
  align-items: center;
  justify-content: center;
}
#dynamic .dynamic-container {
  max-width: 554px;
  width: 100%;
}
#dynamic .dynamic-container .dynamic-list{
  border: 2px solid #2A7FC7;
  display: flex;
  margin-bottom: 10px;
}
#dynamic .dynamic-container .dynamic-list .dynamic-list__title{
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  text-align: center;
  padding: 6px;
  font-size: 12px;
  color: #FFFFFF;
  background-color: #2A7FC7;
}
#dynamic .dynamic-container .dynamic-list .dynamic-steps{
  align-items: center;
  display: flex;
  flex: 1;
}
#dynamic .dynamic-container .dynamic-list .dynamic-steps ul{
  display: flex;
  width: 100%;
  align-items: flex-start;
}
#dynamic .dynamic-container .dynamic-list .dynamic-steps ul li{
 flex: 1;    
}
#dynamic .dynamic-container .dynamic-list .dynamic-steps ul{
  padding: 10px;
}
#dynamic .dynamic-container .dynamic-list .dynamic-steps ul li{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 4px;
}
#dynamic .dynamic-container .dynamic-list .dynamic-steps ul li img{
  width: 70px;
  margin-bottom: 10px;
  height: auto;
}
#dynamic .dynamic-container .dynamic-list .dynamic-steps ul li p{
  color: #FFFFFF;
  font-size: 10px;
  text-align: center;
}
#dynamic .dynamic-container .dynamic-products img{
  max-width: 554px;
  height: auto;
  width: 100%;    
}
#dynamic .dynamic-container .dynamic-question{
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 50px;
}
#dynamic .dynamic-container .dynamic-answer{
  color: #FFFFFF;
  font-size: 12px;
}
@media (max-width: 576px) {
    #dynamic .dynamic-container .dynamic-list .dynamic-list__title{
      font-size: 8px;
    }
    #dynamic .dynamic-container .dynamic-list .dynamic-steps ul{
      padding: 2px;    
    }
    #dynamic .dynamic-container .dynamic-list .dynamic-steps ul li img{
      width: 50px;
    }
    #dynamic .dynamic-container .dynamic-list .dynamic-steps ul li p{
      font-size: 8px;
    }
}