.image-gallery-preview{
    width: 100%;
}

.image-gallery-preview img{
    width: 100%;
}

.image-gallery-items{
    text-align: center;
}

.image-gallery-item{
    display: inline-block;
    margin:5px 0;
    vertical-align: top;
}

.image-gallery-item img{
   height: 40px;
   box-sizing: border-box;
   width: auto;
}

.image-gallery-item img.active {
    border: 2px dashed var(--primary-color);
}

.image-gallery-controls{
    width: 100%;
    text-align: center;
}

.image-gallery-controls i{
    font-size: 2rem;
    color: var(--primary-color);
    cursor: pointer;
}

@media (min-width: 768px){
    .image-gallery-item img {
        height: 70px;
    }
}