/* Editorial photography: keep image separate from captions and text. */
.atlas-card__photo{margin:.75rem 0 .8rem;display:block;align-self:center;width:100%;text-align:center;}
.atlas-card__photo img{display:block;max-width:100%;width:auto;height:auto;max-height:200px;margin:0 auto;border-radius:.6rem;object-fit:contain;background:#fbf7ef;}
@media(min-width:900px){.atlas-card__photo img{max-height:192px}}
@media(max-width:700px){.atlas-card__photo img{max-height:200px}}

/* V22: botanical ingredient first in these nine historically repetitive cup-right photos.
   Composition is adjusted at display time only: native originals stay untouched.
   Original photo remains available when visitors open the image in a new tab. */
#tea-black-tea .atlas-card__photo,
#tea-butterfly-pea-flower .atlas-card__photo,
#tea-chamomile .atlas-card__photo,
#tea-ginger .atlas-card__photo,
#tea-green-tea .atlas-card__photo,
#tea-hibiscus-roselle .atlas-card__photo,
#tea-jasmine-green-tea .atlas-card__photo,
#tea-peppermint .atlas-card__photo,
#tea-rooibos .atlas-card__photo{
  height:192px; overflow:hidden; border-radius:.6rem;
}
#tea-black-tea .atlas-card__photo img,
#tea-butterfly-pea-flower .atlas-card__photo img,
#tea-chamomile .atlas-card__photo img,
#tea-ginger .atlas-card__photo img,
#tea-green-tea .atlas-card__photo img,
#tea-hibiscus-roselle .atlas-card__photo img,
#tea-jasmine-green-tea .atlas-card__photo img,
#tea-peppermint .atlas-card__photo img,
#tea-rooibos .atlas-card__photo img{
  width:100%; height:100%; max-height:none; max-width:none; margin:0;
  object-fit:cover; object-position:left center;
  transform-origin:left center;
}
#tea-black-tea .atlas-card__photo img{transform:scale(1.76);}
#tea-butterfly-pea-flower .atlas-card__photo img{transform:scale(1.72);}
#tea-chamomile .atlas-card__photo img{transform:scale(1.72);}
#tea-ginger .atlas-card__photo img{transform:scale(1.68);}
#tea-green-tea .atlas-card__photo img{transform:scale(1.72);}
#tea-hibiscus-roselle .atlas-card__photo img{transform:scale(1.65);}
#tea-jasmine-green-tea .atlas-card__photo img{transform:scale(1.72);}
#tea-peppermint .atlas-card__photo img{transform:scale(1.72);}
#tea-rooibos .atlas-card__photo img{transform:scale(1.75);}
@media(max-width:700px){
#tea-black-tea .atlas-card__photo,
#tea-butterfly-pea-flower .atlas-card__photo,
#tea-chamomile .atlas-card__photo,
#tea-ginger .atlas-card__photo,
#tea-green-tea .atlas-card__photo,
#tea-hibiscus-roselle .atlas-card__photo,
#tea-jasmine-green-tea .atlas-card__photo,
#tea-peppermint .atlas-card__photo,
#tea-rooibos .atlas-card__photo{height:200px;}
}