* {
    box-sizing: border-box;
}

/* Position the image container (needed to position the left and right arrows) */
.blog__container {
    /* position: relative; */
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
}

/* Hide the images by default */
.blog__content, .blog__contents {
    display: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}
.blog__content img, .blog__contents img {
    width: 100%;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor--pointer {
    cursor: pointer;
}

.blog__secondpart {
    align-self: center;
    justify-self: center;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
    width: 70%;
}

.blog__paragraph{

    font-family: "Fira Sans", 'Times New Roman', Times, serif;
    font-size: 1.8rem;

}
/* Add a transparency effect for thumnbail images */
.demo, .demos {
    opacity: 0.6;
    width: 100%;
}

.actived,
.demo:hover, .demos:hover {
    opacity: 1;
}
@media (max-width: 900px) {
    .blog__content, .blog__contents {
        grid-template-columns: 1fr;
    }
    .blog__secondpart {
        width: 100%;
    }
}