.viewport {
    position: relative;
    background-image: radial-gradient(
        farthest-corner circle at 50% 50% in oklch,
        oklch(80% .3 34) 0%, oklch(90% .3 200) 100%);
    height: 100vh;
}

.card {
    max-width: 300px;
    max-height: 300px;
    position: absolute;
    top: 0;
    left: 50%;
    rigth: 0;
     bottom: 0;
    transform: translate(-25%);
  margin: auto;
}

img {
    display: block;
    width: 100%;
    height: 100%;


}