<div class="card"></div>
.card {
  --big-circle-r: 30px;
  --card-color: #fff;

  background: radial-gradient(
    circle,
    transparent var(--big-circle-r),
    var(--card-color) calc(var(--big-circle-r) + 1px)
  );
  width: 217px;
  min-height: 400px;
}

body {
  background: pink;
  display: flex;
  gap: 20px;
  justify-content: space-evenly;
  align-items: center;
  overflow-x: auto;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.