body {
    margin: 0;
    padding: 0;
    height: 100vh;
}

.reklam1 {
    position: fixed;
    top: 10px;
    left: 10px;
    background-color: lightblue;
    padding: 10px;
}

.reklam2 {
    position: fixed;
    top: 10px;
    right: 10px;
    background-color: lightgreen;
    padding: 10px;
}

.reklam3 {
    position: fixed;
    bottom: 10px;
    left: 10px;
    background-color: lightcoral;
    padding: 10px;
}

.reklam4 {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background-color: lightyellow;
    padding: 10px;
}

.reklam5 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: lightgray;
    padding: 10px;
}

.reklam6 {
    position: fixed;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background-color: lightpink;
    padding: 10px;
}

    .responsive-img {
        width: 100%; /* Genişliği %100 yapar */
        height: auto; /* Yüksekliği orantılı olarak ayarlar */
        max-width: 100%; /* Genişliği asla %100'ü geçmez */
        display: block; /* Boşlukları kaldırmak için block formatında gösterir */
    }