drupal-reha/web/themes/custom/reha/scss/pages/home/_home-view-actualites.scss

.block-views-blockactus-block-1{
    background-color: white;
    padding-bottom: 3rem;
    h2{
        width: 80%;
        font-size: 2rem;
        font-weight: 900;
        margin-left: 10%;
        padding-top: 1rem;
    }
    .view-id-actus{
        width: 100%;
        margin: auto;
        .views-row{
            width: 30vw !important;
            margin-left: 1rem;
            @media (max-width: 1200px) {
                width: 50vw !important;
            }
            &:first-of-type{
                padding-left: 15%;
                @media (max-width: 1200px) {
                    padding-left: 16%;
                }
            }
            .node-type-actualite{
                width: 100%;
                height: 100%;
                > .entete_actu{
                    display: flex;
                    flex-direction: column;
                    p.field__item{
                        display: none;
                    }
                    .image-actualite{
                        width: 75%;
                        height: 250px;
                        right: 10%;
                        position: relative;
                        @media (max-width: 1200px) {
                            max-height: 150px;
                        }
                        .field--name-field-image{
                            height: 100%;
                            .field__items{
                                height: 100%;
                                .field__item{
                                    width: 100%;
                                    height: 100%;
                                    img{
                                        width: 100%;
                                        height: auto;
                                        object-fit: cover;
                                        height: 100%;
                                    }
                                }
                            }
                        }                
                    }
                    .infos-content{
                        height: fit-content;
                        width: 100%;
                        h2{
                            margin-left: 0;
                            padding-top: 0;
                            font-weight: 600;
                        }
                    }
                    .body-content{
                        display: none;
                    }
                }

            }
        }
        .slick-dots{
            position: relative;
            bottom: 0;
        }
        .slick-prev{
            left:35px;
        }
        .slick-next{
            left: 90vw;
        }
        @media (max-width: 1400px) {
            .slick-prev{
                left:0vw;
            }
            .slick-next{
                left: 85vw;
            }
        }
    }
}