/* Görseli Sağa Yaslama (Float Right) */
.img-float-right {
    float: right;
    margin-left: 20px;
    margin-bottom: 15px;
    max-width: 40%; /* Bilgisayarda yazının %40'ını kaplar */
    border: 2px solid #d9fd16; /* Sitedeki neon yeşili detayla uyumlu */
    padding: 5px;
}

/* Görseli Sola Yaslama (Float Left) */
.img-float-left {
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
    max-width: 40%;
    border: 2px solid #d9fd16;
    padding: 5px;
}

/* MOBİL AYARI: Ekran küçüldüğünde float'ı iptal et */
@media (max-width: 768px) {
    .img-float-right, .img-float-left {
        float: none;      /* Yaslamayı kaldır */
        display: block;   /* Tek başına bir blok yap */
        margin: 0 auto 20px auto; /* Ortala ve altına boşluk bırak */
        max-width: 100%;  /* Genişliği tam ekran yap */
    }
}

/* Altyazı Stili */
.img-caption {
    font-size: 0.85rem;
    color: #999;
    font-style: italic;
    text-align: center;
    margin-top: 5px;
    display: block;
}