Could any one help me out Fixing my product page image carousel

[silvee]

Hello,

Could anyone help me out changing my dawn theme product image carousel from 1 image to 2 image in functionality and look :  

[zack_dev]

hi can you tell the store url

[zack_dev]

please add this css to theme.liquid  inside <style>  </style> tags

media-gallery#MediaGallery-template--24012908101918__main {
    flex-direction: row;
    display: grid;
    grid-template-columns: 20% 80%;
}.thumbnail-slider .thumbnail-list.slider--tablet-up {
    display: flex;
    padding: .5rem;
    flex: 1;
    scroll-padding-left: .5rem;
    flex-direction: column;
}

@media(min-width:900px){
    

    .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
    width: 80% !important;
}
slider-component#GalleryViewer-template--24012908101918__main {
    order: 2;
}
}

result will look like 

[silvee]

NOT Working its makes all the thumbnails 1 columns and big and need to scroll it down each image also it becomes streched and blur