html {
    scroll-behavior: smooth;
}

.about-block {
    container-type: inline-size;
    container-name: about-container;

    display: grid;

    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: minmax(70px, auto);

    gap: 16px;
    width: 100%;
}

.about-img-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Базовые стили (для ширины <769px) */
.about-text-block {
    grid-column: span 12;
}
  
/* Планшет (769px-1178px) */
@container about-container (min-width: 769px) {    
    .about-text-block[data-size="33"] { grid-column: span 4; }
    .about-text-block[data-size="50"] { grid-column: span 6; }
    .about-text-block[data-size="66"] { grid-column: span 8; }
    .about-text-block[data-size="100"] { grid-column: span 12; }
    
    .about-text-block[data-size="33"] { grid-row: span 2; }
    .about-text-block[data-size="50"] { grid-row: span 3; }
    .about-text-block[data-size="66"] { grid-row: span 4; }
    .about-text-block[data-size="100"] { grid-row: span 7; }
}
  
  /* ПК (≥1179px) */
@container about-container (min-width: 1179px) {    
    .about-text-block[data-size="33"] { grid-column: span 4; }
    .about-text-block[data-size="50"] { grid-column: span 6; }
    .about-text-block[data-size="66"] { grid-column: span 8; }
    .about-text-block[data-size="100"] { grid-column: span 12; }
    
    .about-text-block[data-size="33"] { grid-row: span 3; }
    .about-text-block[data-size="50"] { grid-row: span 3; }
    .about-text-block[data-size="66"] { grid-row: span 6; }
    .about-text-block[data-size="100"] { grid-row: span 9; }
}

.about-img-block {
    grid-column: span 12;
}

/* Планшет (769px-1178px) */
@container about-container (min-width: 769px) {    
    .about-img-block[data-size="33"] { grid-column: span 4; }
    .about-img-block[data-size="50"] { grid-column: span 6; }
    .about-img-block[data-size="66"] { grid-column: span 8; }
    .about-img-block[data-size="100"] { grid-column: span 12; }
    
    .about-img-block[data-size="33"] { grid-row: span 2; }
    .about-img-block[data-size="50"] { grid-row: span 3; }
    .about-img-block[data-size="66"] { grid-row: span 4; }
    .about-img-block[data-size="100"] { grid-row: span 7; }
}
  
  /* ПК (≥1179px) */
@container about-container (min-width: 1179px) {    
    .about-img-block[data-size="33"] { grid-column: span 4; }
    .about-img-block[data-size="50"] { grid-column: span 6; }
    .about-img-block[data-size="66"] { grid-column: span 8; }
    .about-img-block[data-size="100"] { grid-column: span 12; }
    
    .about-img-block[data-size="33"] { grid-row: span 3; }
    .about-img-block[data-size="50"] { grid-row: span 3; }
    .about-img-block[data-size="66"] { grid-row: span 6; }
    .about-img-block[data-size="100"] { grid-row: span 9; }
}

.about-block .for-video {
    height: 100%;
}



.mt-galery-inner {
    container-type: inline-size;
    container-name: about-container;

    display: grid;

    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: minmax(70px, auto);

    gap: 16px;
    width: 100%;
}


/* Базовые стили (для ширины <769px) */
.photo-item {
    grid-column: span 12;
}
  
/* Планшет (769px-1178px) */
@container about-container (min-width: 769px) {    
    .photo-item[data-size="33"] { grid-column: span 4; }
    .photo-item[data-size="50"] { grid-column: span 6; }
    .photo-item[data-size="66"] { grid-column: span 8; }
    .photo-item[data-size="100"] { grid-column: span 12; }
    
    .photo-item[data-size="33"] { grid-row: span 2; }
    .photo-item[data-size="50"] { grid-row: span 3; }
    .photo-item[data-size="66"] { grid-row: span 4; }
    .photo-item[data-size="100"] { grid-row: span 7; }
}
  
  /* ПК (≥1179px) */
@container about-container (min-width: 1179px) {    
    .photo-item[data-size="33"] { grid-column: span 4; }
    .photo-item[data-size="50"] { grid-column: span 6; }
    .photo-item[data-size="66"] { grid-column: span 8; }
    .photo-item[data-size="100"] { grid-column: span 12; }
    
    .photo-item[data-size="33"] { grid-row: span 3; }
    .photo-item[data-size="50"] { grid-row: span 3; }
    .photo-item[data-size="66"] { grid-row: span 6; }
    .photo-item[data-size="100"] { grid-row: span 9; }
}

@media screen and (min-width: 1180px) {
    .org-photo.full-photo {
        display: flex;
    }
}

@media screen and (max-width: 1179px) {
    .org-photo.mobile-photo {
        display: flex;
    }
}