/* Buton konteyneri */
        .button-container {
            position: relative;
            display: inline-block;
        }

        /* Buton stil */
        .button {
            padding: 15px 30px;
            font-size: 18px;
            background-color: #007bff;
            color: white;
            border: none;
            cursor: pointer;
            border-radius: 5px;
            position: relative;
            z-index: 10; /* Buton en üstte */
        }

        /* Resim stil */
        .floating-image {
            position: absolute;
            bottom: 100%; /* Resmin alt kısmı butonun üst kenarından başlar */
            left: 50%;
            transform: translateX(-50%);
            width: 150px; /* Resim boyutu */
            height: auto;
            display: none; /* Varsayılan olarak gizli */
            z-index: 5; /* Resim butonun altında */
        }

        /* Animasyon tanımları */
        @keyframes floatUp {
            0% {
                bottom: -1%; /* Resmin alt kısmı butonun üst kenarından başlar */
                opacity: 1;
            }
           
            100% {
                bottom: 100%; /* Son konum ve kaybol */
                opacity: 1;
            }
        }

        /* Butonun üzerine gelindiğinde */
        .button-container:hover .floating-image {
            display: block;
            animation: floatUp 1s ease-out forwards; /* Bounce efekti */
        }