/* Keep the dish in frame as the existing layouts change shape. */
.hero-photo>img{object-position:50% 52%}
.table-doener img{object-position:50% 86%}
.table-burger img{object-position:50% 53%}
.about-main-photo img{object-position:50% 52%}
.about-inset-photo img{object-position:53% 66%}
.category-photograph img{object-position:50% 50%}
.with-category-photo #menu-category-photo img[src*="doener"]{object-position:50% 50%}
@media(max-width:767px){
 .hero-photo>img{object-position:48% 53%;transform:scale(1.1)}
 .table-doener img{object-position:50% 86%}
 .table-doener .photo-frame img{position:absolute;width:120%;height:120%;max-width:none;left:-10%;top:-20%}
 .about-main-photo img{object-position:50% 52%}
}
@media(max-width:767px) and (hover:hover){.hero-photo:hover>img{transform:scale(1.12)}}