.GalleryWidget
{
  display: grid;
  grid-template-columns: 1fr;
}

.GalleryWidget .leftSide img {
  max-width: 100%;
  width: 100%;
}

#galleryCarouselContainer
{
    position: relative;
}
#galleryCarousel
{
    width: 250px;
}
#galleryCarousel li
{
    list-style: none;
    margin: 0;
}
#galleryCarousel img
{
    border: 0;
}
#galleryCarousel img:hover
{
    opacity: 0.8;
    cursor: pointer;
}
#ui-carousel-next,
#ui-carousel-prev
{
    display: block;
    width: 250px;
    position: absolute;
    padding: 3px 0 5px 0;
    background-color: #227DB5;
    color: #fff;
    left: 0;
    z-index: 100;
    opacity: 0.8;
    text-align: center;
}
#ui-carousel-next
{
    bottom: 0;
}
#ui-carousel-prev
{
    top: 0;
}

@media screen and (min-width: 1023px) {
  .GalleryWidget {
    grid-template-columns: 1fr 250px;
  }
}