.three-media .media-1 {
    grid-area: 1/2/1/span 4;
    aspect-ratio: 754/754;
}

.three-media .sticker-container {
    grid-area: 1/2/1/span 4;
    align-self: flex-end;
    justify-self: flex-end;
    transform: translate(50%, 50%);
}

.three-media .media-2 {
    grid-area: 1/7/span 2/span 3;
    height: 100%;
}

.three-media .media-3 {
    grid-area: 1/10/span 2/span 4;
    aspect-ratio: 754/990;
}

@media (max-width: 767.98px) {
    .three-media .media-1 {
        grid-area: 1/3/1/span 7;
        margin-bottom: var(--grid-gap);
    }
    
    .three-media .sticker-container {
        grid-area: 1/3/1/span 7;
        margin-bottom: var(--m-medium);
    }
    
    .three-media .media-2 {
        grid-area: 2/3/2/span 4;
    }
    
    .three-media .media-3 {
        grid-area: 2/7/2/span 6;
    }
}

@media (max-width: 575.98px) {
    .three-media .media-1 {
        grid-area: 1/2/1/span 9;
    }
    
    .three-media .sticker-container {
        grid-area: 1/2/1/span 9;
    }
    
    .three-media .media-2 {
        grid-area: 2/2/2/span 5;
    }
    
    .three-media .media-3 {
        grid-area: 2/7/2/span 7;
    }
}