#tss-canvas-cta {
  position: relative;
  width: 100%; /* Tam genişlik için */
  max-width: 650px; /* Maksimum genişlik */
  height: 500px; /* Başlangıç yüksekliği */
  overflow: hidden;
  margin: 0 auto; /* Container'ı ortalamak için */
}

.tss-cta-photo-left, .tss-cta-photo-right {
  position: absolute;
  width: auto;
  height: auto;
  max-width: 100%; /* Görsellerin container'dan taşmaması için */
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  transform: translateY(30px);
}

/* Ekran genişliği 768px'den küçük olduğunda (tablet ve mobil cihazlar için) */
@media screen and (max-width: 768px) {
  #tss-canvas-cta {
    height: 400px; /* Yüksekliği azalt */
  }
  
  .tss-cta-photo-left, .tss-cta-photo-right {
    width: 90%; /* Görselleri biraz küçült */
  }
}

/* Ekran genişliği 480px'den küçük olduğunda (küçük mobil cihazlar için) */
@media screen and (max-width: 480px) {
  #tss-canvas-cta {
    height: 300px; /* Yüksekliği daha da azalt */
  }
  
  .tss-cta-photo-left, .tss-cta-photo-right {
    width: 95%; /* Görselleri biraz daha küçült */
  }
}