.vanilla-zoom {
    width: 100%;
	display: flex;
	border-radius: 10px;
	 box-shadow: 0 0 12px 5px #ffff00;
}

.vanilla-zoom .sidebar {
    flex-basis: 24%;
    display: flex;
    flex-direction: column;
	margin-left:15px;
	border-radius: 10px;
	 box-shadow: 0 0 12px 5px #ffff00;
}

.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;
  	border-radius: 10px;
}

@media (max-width: 768px) {
  .vanilla-zoom .sidebar {
    flex: 1;
  }

  .vanilla-zoom .sidebar img.small-preview {
    cursor: auto;
    margin-bottom: 12px;
  }

  .vanilla-zoom .zoomed-image {
    display: none;
  }
}