.studio-gallery {
    margin: 20px auto;
    display: grid;
    width: 100%;
    gap: 10px;
    grid-template-columns: 2fr 1fr 3fr;
    grid-template-rows: repeat(2, 1fr);
}

.studio-gallery__image{
    width: 100%;
    object-fit: cover;
    max-height: 350px;
    border-radius: var(--main-border);
}

.studio-gallery__item {
    width: 100%;
    max-height: 350px;
}

.studio-gallery__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.studio-gallery__item_type_one{
    grid-row: 1/2;
    grid-column: 1/2;
}

.studio-gallery__item_type_two{
    grid-row: 1/2;
    grid-column: 2/3;
}

.studio-gallery__item_type_three{
    grid-row: 1/2;
    grid-column: 3/-1;
}

.studio-gallery__item_type_four{
    grid-row: 2/3;
    grid-column: 1/2;
}

.studio-gallery__item_type_five{
    grid-row: 2/3;
    grid-column: 2/-1;
}

@media (max-width: 768px){
    .studio-gallery {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
    }
    .studio-gallery__item_type_one,
    .studio-gallery__item_type_two,
    .studio-gallery__item_type_three,
    .studio-gallery__item_type_four,
    .studio-gallery__item_type_five{
        grid-row: auto;
        grid-column: auto;
    }
}

@media (max-width: 560px){
    .studio-gallery {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
    .studio-gallery__item_type_one,
    .studio-gallery__item_type_two,
    .studio-gallery__item_type_three,
    .studio-gallery__item_type_four,
    .studio-gallery__item_type_five{
        grid-row: auto;
        grid-column: auto;
    }
}