.branch-gallery-section {
  padding: 20px 0;
  overflow: hidden;
}

.gallery-row {
  display: flex;
  gap: 20px;
  will-change: transform;
  transition: transform 0.1s ease-out;
  padding: 10px 0;
}

.gallery-row img {
  width: auto;
  height: auto;
  object-fit: cover;
  border-radius: 10px;
  flex-shrink: 0;
  -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.gallery_slide:hover img{
    transform: scale(1.05) rotate(2deg) !important;
    opacity: .8;
}

.row-left {
  transform: translateX(0%);
}

.row-right {
  transform: translateX(0%);
}

@media (max-width: 767px) {
	.gallery-row {
	  gap: 10px;
	}
}