article.accordion { display: flex;  flex-wrap: nowrap;  overflow-x: auto;  width: 100%;  white-space: nowrap;  margin-top: 25px; } article.accordion section { position: relative; display: block; float: left; width: 3em; height: 19em; margin: -20px 0 0.5em 0.5em; color: #333; background-color: #333; overflow: hidden; transition: all 0.5s ease;  z-index: 10; white-space: nowrap; } article.accordion section:not(.active)::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);  z-index: 11; } article.accordion section::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px;  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); z-index: 20; } article.accordion section div.accordion-title { position: absolute; font-size: 1.2em; font-weight: bold; width: 12em; height: 3em; top: 15em; left: 0; text-indent: 1em; padding: 0; margin: 20px 10px; color: #ddd; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); cursor: pointer; transition: all 0.5s ease;  z-index:100; } article.accordion section img { } article.accordion section.active { width: 19em; color: #333; background-color: #fff; } article.accordion section.active div.accordion-title { top: 12em; left: 16px; font-size: 1.3em; text-indent: 0; color: #fff; transform: rotate(0deg); cursor: pointer; transition: all 0.5s ease;  white-space:nowrap; z-index:100; } .esg_accordion .gdlr-core-page-builder-body img { max-width: unset; } .esg_accordion img {  max-width: unset;  width:29em; margin-left: -100px; } @media screen and (max-width: 1000px) { article.accordion section.active div.accordion-title { white-space: normal; font-size: 1.2em; top:11em; width: 210px; } article.accordion section div.accordion-title:not(.active) { margin: 20px 0; } }