.vanilla-zoom {
    width: 100%;
    display: flex;
}

.vanilla-zoom .sidebar {
    flex-basis: 20%;
    display: flex;
    flex-direction: column;
}

.vanilla-zoom .sidebar img.small-preview{
    width: 100%;
    margin-bottom: 5px;
    cursor: pointer;
}

.vanilla-zoom .sidebar img.small-preview:last-child{
    margin-bottom: 0;
}

.vanilla-zoom .zoomed-image {
    flex: 1;  
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover;
    margin-left: 5px;
	cursor: crosshair;
}

@media (max-width: 768px) {
  
  .vanilla-zoom .sidebar img.small-preview {
    cursor: auto;
    margin-bottom: 12px;
  }
}
#my-gallery {
    margin: 0 auto;
}
.img-zoom-style{
	visibility: hidden;
    height: auto;
    width: 100%;
}