.brand-hero .slider-controls {
  z-index: 6;
}

@media (max-width: 700px) {
  #wrapwrap .dp-home .brand-hero .hero-photo {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) rotate(-5deg) !important;
  }
  #wrapwrap .dp-home .brand-hero .hero-photo.framed-photo {
    transform: translateX(-50%) rotate(4deg) !important;
  }
}