/* img-slot-course-cadillac.css — 2 page(s): course-cadillac.html, en/course-cadillac.html */

.img-slot{display:inline-block;position:relative;vertical-align:top;width:240px;
height:160px;overflow:hidden;font:13px/1.3 system-ui,-apple-system,sans-serif;
color:rgba(0,0,0,.55)}
.img-slot>img,.img-slot-zoom>img{position:absolute;left:0;top:0;width:100%;height:100%;
object-fit:cover;display:block;max-width:none}
.img-slot-zoom{position:absolute;inset:0}
.img-slot-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
justify-content:center;gap:6px;text-align:center;padding:12px;box-sizing:border-box}
.img-slot-empty svg{opacity:.45}
.img-slot-cap{max-width:90%;font-weight:500;letter-spacing:.01em}
.img-slot-ring{position:absolute;inset:0;pointer-events:none;border:1.5px dashed rgba(0,0,0,.25)}
#cd1 img{object-position:50% 50%}
#cd2 img{object-position:50% 50%}
#cd3 img{object-position:50% 50%}
#cd4 img{object-position:50% 50%}
@media(min-width:768px){
#cd1 img{object-position:50% 78.29%}
#cd2 img{object-position:50% 75.42%}
#cd3 img{object-position:50% 61.14%}
#cd4 img{object-position:50% 67.53%}
}
@media(min-width:1440px){
#cd1 img{object-position:50% 82.34%}
#cd2 img{object-position:50% 79.06%}
#cd3 img{object-position:50% 62.73%}
#cd4 img{object-position:50% 70.04%}
}