.film-stage {
  --film-image: none;
}

.film-base,
.film-treated {
  background-image: var(--film-image) !important;
}

@media (max-width: 768px) {
  .sim-card {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.52), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  }

  .film-stage {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.42);
  }

  .film-treated {
    will-change: clip-path;
    transition: clip-path 0.04s linear;
  }

  .film-edge,
  .film-curl {
    will-change: left;
  }

  .film-edge {
    box-shadow: 0 0 8px var(--lime), 0 0 16px rgba(255, 255, 255, 0.24);
  }

  .film-curl {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(255, 255, 255, 0.12);
  }
}