portfolio to slideshow in mobile

I actually got close to the solution with adding another section under the portfolio as a gallery slideshow and inserting the following code to "custom css"!

for anyone using this, the collection and section ids would then be different.

this way I now only have a single project-name on show, so if there would be a solution to put the "highlighted list" as a text on front that would be nice, but not necessary. maybe someone has a solution to this in the long run 😊

// slideshow //
#collection-6548e6c4d402863b7021bc5c
{
figcaption.gallery-caption.gallery-caption-fullscreen-slideshow {
    top: 75%;
    left: 0;
    text-align: center;
    max-width: 90%;
}
figcaption.gallery-caption.gallery-caption-fullscreen-slideshow * {
    font-size: 40px;
  	font-family: bely-display;
  	color: white
}
.gallery-fullscreen-slideshow {
    margin-bottom: 0px !important;
}}

/* Hide portfolio on Mobile */
@media screen and (max-width:767px) {
    section[data-section-id="6548e6c4d402863b7021bd00"]{
        display: none;
    }
}

/* Hide slideshow on Tablet - Desktop */
@media screen and (min-width:768px) {
    section[data-section-id="65c4c91f1b9df95ba0c4ffeb"] {
        display: none;
    }
}