.hero__card{width:calc(50% - 5px);border-radius:10px;overflow:hidden;height:auto;aspect-ratio:695/507;padding:20px;box-sizing:border-box;position:relative}.hero__card-bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:visible}@media(max-width:768px){.hero__card{width:100%}}