.about-images {
    position: relative;
    width: 100%;
    max-width: 300px;
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

/* Dönen küçük logo */
.about-circle {
    position: absolute;
    top: -60px;  /* Logo'yu biraz daha yukarı taşıyıp arayı açtık */
    right: 20px;
    width: 60px; /* Logo boyutunu büyüttük */
    height: 60px;
    z-index: 2;
}

.rotate-image {
    width: 60px !important; /* Logo görselinin boyutunu büyüttük */
    height: 60px !important;
}

.circle-image {
    width: 25px;
    height: 25px;
}

.circle-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Ana görsel container */
.image-container {
    width: 100%;
    position: relative;
    padding-top: 50px; /* Logo için yer açalım */
}

/* Ana görseller */
.left-image {
    width: 100%;
    text-align: right;
    margin-bottom: 40px; /* İki görselin arasındaki mesafeyi arttırdık */
}

.right-image {
    width: 100%;
    text-align: right;
    margin-left: 90px; /* Sağa kaydırdık */

}

.left-image img,
.right-image img {
    width: 180px; /* Görselleri biraz büyüttük */
    height: auto;
    display: inline-block;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* Mobil görünüm */
@media (max-width: 768px) {
    .about-images {
        max-width: 250px;
    }

    .left-image img,
    .right-image img {
        width: 120px;
    }
}