body::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M0 0 L60 60 M60 0 L0 60' stroke='%23003366' stroke-width='0.5' opacity='0.05'/%3E%3C/svg%3E");
    background-size: 60px 60px;
}

/* Ограничение максимального размера всех изображений */
main img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 20px auto;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Специальные классы для управления размером */
.img-left {
    float: left;
    max-width: 300px;
    margin: 0 20px 20px 0;
}

.img-right {
    float: right;
    max-width: 300px;
    margin: 0 0 20px 20px;
}

.img-center {
    max-width: 500px;
    margin: 20px auto;
}

.img-thumbnail {
    max-width: 150px;
    border: 2px solid #ddd;
}