#tss-canvas-form {
  position: relative;
  width: 100%;
  max-width: 650px; /* Maksimum genişlik */
  height: 0;
  padding-bottom: 76.92%; /* 650:500 oranını korur (500/650 = 0.7692) */
  overflow: hidden;
  margin: -50px auto 0; /* Üstten -50px margin ve yatayda otomatik merkezleme */
}

.tss-form-photo, .tss-form-frame {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: translateY(30px);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.tss-form-frame {
  z-index: 1;
}

/* Ekran genişliği 768px'den küçük olduğunda (tablet ve mobil cihazlar için) */
@media screen and (max-width: 768px) {
  #tss-canvas-form {
    max-width: 550px; /* Daha küçük maksimum genişlik */
  }
}

/* Ekran genişliği 480px'den küçük olduğunda (küçük mobil cihazlar için) */
@media screen and (max-width: 480px) {
  #tss-canvas-form {
    max-width: 450px; /* Daha da küçük maksimum genişlik */
  }
}