#nha-tam{position:relative;isolation:isolate}#nha-tam::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:url('/images/tamrang/welcome/rice-background.png') left bottom/cover no-repeat;opacity:.23}#nha-tam .welcome-photo img{object-position:8% center;height:570px}#nha-tam .welcome-small{width:21%;right:30%;bottom:-15px}#nha-tam .welcome-small img{height:auto;aspect-ratio:1;object-position:center} @media(max-width:760px){#nha-tam::before{inset:0;opacity:.14;background-size:auto 100%;background-position:left bottom}#nha-tam .welcome-photo img{height:420px;object-position:28% center}#nha-tam .welcome-small{width:42%;left:0;right:auto}}
/* Anchor both frames to the same baseline, with an even inset border. */
#nha-tam .welcome-photo{padding-left:0}
#nha-tam .welcome-small{bottom:80px;right:32%;width:21%;border:8px solid var(--cream);margin:0;box-sizing:border-box;transform:translateY(8px)}
#nha-tam .welcome-small img{display:block;aspect-ratio:1;object-fit:cover;object-position:50% 62%}
@media(max-width:760px){#nha-tam .welcome-photo{padding-left:15%}#nha-tam .welcome-small{bottom:65px;left:0;right:auto;width:44%;border-width:6px;transform:translateY(6px)}}

/* Full viewport artwork, centered independently of the content container. */
#nha-tam::before{left:50%;right:auto;width:100vw;transform:translateX(-50%);background-position:center bottom;background-size:cover;mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 80%,transparent 100%);opacity:.18}
#nha-tam .welcome-small img{object-position:50% 58%}
@media(max-width:760px){#nha-tam::before{background-size:auto 100%;background-position:left bottom;opacity:.14}}