*{box-sizing:border-box}
html{background:#fff9e6}
body{margin:0;min-width:280px}
.invitation{position:relative;width:min(100%,650px,calc(100svh * 595 / 842));min-height:100svh;margin:auto;overflow:hidden}
.corner{position:absolute;display:block;height:auto;pointer-events:none}
.corner-top{top:0;left:0;width:50.42%}
.corner-bottom{bottom:0;right:0;width:49.58%}
.names{position:absolute;left:24%;top:48%;transform:translateY(-50%);display:block;width:52%;height:auto}