.bg-overlay {
      position: relative;
  }

  .bg-overlay::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.55);
      z-index: 1;
  }

  .bg-overlay>* {
      position: relative;
      z-index: 2;
  }

  .icon i {
      display: inline-block;
      animation: shake 0.4s ease-in-out infinite;
  }

  @keyframes shake {
      0% {
          transform: translate(0, 0);
      }

      25% {
          transform: translate(1px, -1px);
      }

      50% {
          transform: translate(-1px, 1px);
      }

      75% {
          transform: translate(1px, 1px);
      }

      100% {
          transform: translate(0, 0);
      }
  }

  .sv-sm-img {
      position: relative;
      overflow: visible;
      /* Kartın dışına taşmaya izin ver */
      border-radius: 12px;
      transition: transform 0.4s ease, box-shadow 0.4s ease;
      z-index: 0;
  }

  .sv-sm-img img {
      display: block;
      width: 100%;
      height: auto;
      border-radius: 12px;
      transition: transform 0.6s ease, filter 0.4s ease, box-shadow 0.4s ease;
      z-index: 1;
  }

  /* Hover efekti */
  .sv-sm-img:hover img {
      transform: scale(1.15) rotate(2deg);
      filter: brightness(1.15);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
      z-index: 5;
  }

  /* Görsele derinlik hissi katmak için */
  .sv-sm-img:hover {
      z-index: 10;
      transform: translateY(-5px);
  }