

.block-history .carousel-cell {
    width: 100%;
}

@media (max-width: 767px) {
    .block-history {
        display: block;
        position: relative;
    }

    .block-history .flickity-prev-next-button {
        top: 0;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        transform: translateY(0%);
    }
    
    .block-history .flickity-prev-next-button.previous {
        left: 0;
    }
    
    .block-history .flickity-prev-next-button.next {
        left: 56px;
    }

    .block-history .flickity-viewport {
        top: 72px;
    }
}

@media (min-width: 768px) and (max-width: 1079px) {
    .block-history {
        display: block;
        position: relative;
    }

    .block-history .flickity-prev-next-button {
        top: 0;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        transform: translateY(0%);
    }
    
    .block-history .flickity-prev-next-button.previous {
        left: 0;
    }
    
    .block-history .flickity-prev-next-button.next {
        left: 56px;
    }

    .block-history .flickity-viewport {
        top: 72px;
    }
}

@media (min-width: 1080px) {
    .block-history {
        display: grid;
        grid: auto / 1fr 2fr;
        gap: 2rem;
        position: relative;
    }

    .block-history .flickity-prev-next-button {
        top: 100%;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        transform: translateY(0%);
    }
    
    .block-history .flickity-prev-next-button.previous {
        left: 0;
    }
    
    .block-history .flickity-prev-next-button.next {
        left: 56px;
    }
}