.hero-logo-panel{
  position:absolute;
  inset:0 0 0 50%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:7vw;
  background:linear-gradient(145deg,#f8faf6 0%,#e8efe8 100%);
}
.hero-logo-panel::before{
  content:"";
  position:absolute;
  width:min(38vw,580px);
  aspect-ratio:1;
  border:1px solid rgba(11,71,57,.12);
  border-radius:50%;
}
.hero-logo-panel img{
  position:relative;
  width:min(36vw,520px);
  max-height:70vh;
  object-fit:contain;
  filter:drop-shadow(0 24px 38px rgba(8,39,31,.14));
}
[dir="rtl"] .hero-logo-panel{
  inset:0 50% 0 0;
}
@media(max-width:1100px){
  .hero-logo-panel{left:54%;padding:5vw}
  .hero-logo-panel img{width:min(39vw,460px)}
}
@media(max-width:900px){
  .hero-logo-panel{inset:0;opacity:.2;padding:12vw}
  [dir="rtl"] .hero-logo-panel{inset:0}
  .hero-logo-panel img{width:min(72vw,520px);max-height:62vh}
  .hero-logo-panel::before{width:min(76vw,570px)}
}