#plaquette{background-position:50% 85%;background-repeat:no-repeat;background-size:cover;height:70vh;position:relative}.gradient{background:linear-gradient(180deg,#00000000 0,#00000000 50%,var(--contrast-color) 100%);bottom:0;left:0;opacity:1;position:absolute;right:0;top:0;z-index:1}#plaquette .container{position:relative;z-index:1}#plaquette .flex{align-items:flex-end;display:flex;gap:1.5rem;height:100%;justify-content:space-between}#plaquette .left{border-radius:1rem;color:var(--base-color);width:75%}h1{display:flex;flex-direction:column;gap:.5rem}h1 span{padding:1rem 1.5rem .5rem;width:fit-content}h1 span.primary-color{background-color:var(--primary-color)}h1 span.secondary-color{background-color:var(--secondary-color)}#plaquette .right{background-color:var(--base-color);border-radius:1rem;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;transform:translateY(3rem);width:33%}#plaquette .right .right-container{align-items:center;display:flex;flex-direction:row;gap:1.5rem}#plaquette .right .media{border-radius:.5rem;display:flex;overflow:auto;width:33%}#plaquette .right .content{display:flex;flex-direction:column;width:66%}#plaquette .right .content .description,#plaquette .right .content .title{display:flex}#plaquette h3{color:var(--contrast-color);margin:0 0 .75rem}#plaquette input{display:none}@media screen and (max-width:600px){#plaquette h1 span{width:auto}#plaquette{height:auto}#plaquette .flex{flex-direction:column;padding:1.5rem}#plaquette .left{font-size:2.25rem;text-align:center;width:auto}#plaquette .right{transform:translateY(12rem);width:auto}#plaquette .right h3{margin:1rem auto}#plaquette .right .flexRight div{width:100%}}