.presse-list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.presse-item {
    width: 33%;
    padding: 1rem;
}
.presse-item h3 {
    font-size: 1.25rem;
    max-width: 360px;
    margin: 0 auto .75rem;
    color: var(--bs-primary);
}
.presse-item_fig {
    margin: 0 auto;
    position: relative;
    max-height: 360px;
    max-width: 360px;
    height: 25vw;
    width: 100%;
    padding: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    border: #fff 1px solid;
    transition: border-color .3s;
}
.presse-item_fig::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    margin: -32px;
    border-radius: 50%;
    background-position: center;
    background-color: var(--bs-primary);
    background-image: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 24 24' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15.97 17.031c-1.479 1.238-3.384 1.985-5.461 1.985-4.697 0-8.509-3.812-8.509-8.508s3.812-8.508 8.509-8.508c4.695 0 8.508 3.812 8.508 8.508 0 2.078-.747 3.984-1.985 5.461l4.749 4.75c.146.146.219.338.219.531 0 .587-.537.75-.75.75-.192 0-.384-.073-.531-.22zm-5.461-13.53c-3.868 0-7.007 3.14-7.007 7.007s3.139 7.007 7.007 7.007c3.866 0 7.007-3.14 7.007-7.007s-3.141-7.007-7.007-7.007z' fill-rule='nonzero'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 60% 60%;
    transform: scale(.3);
    opacity: 0;
    transition: opacity .3s, transform .5s;
}
.presse-item_fig img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    transition: transform .5s;
}
.presse-item:hover .presse-item_fig {
    border-color: #e3e3e3;
}
.presse-item:hover .presse-item_fig::after {
    transform: scale(1);
    opacity: 1;
}
.presse-item:hover .presse-item_fig img { 
    transform: scale(.9);
}
.presse-item-vid.presse-item_fig::after {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ffffff' viewBox='0 0 24 24'%3E%3Cpath d='M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z'/%3E%3C/svg%3E");
    background-size: 80% 80%;
    opacity: 1;
    transform: scale(1);
    transition: background-color .3s, background-size .3s, transform .5s;
}
.presse-item:hover .presse-item-vid.presse-item_fig::after {
    background-color: var(--bs-primary);
    background-size: 50% 50%;
    transform: scale(1.2);
}

@media screen and (min-width: 1280px) {
    /*.presse-item { width: 25%; }
    .presse-item_fig { height: 22vw; }*/
}
@media screen and (max-width: 768px) {
    .presse-item { width: 50%; }
    .presse-item_fig { height: 44vw; }
}
@media screen and (max-width: 440px) {
    .presse-item { width: 100%; }
    .presse-item_fig { height: 80vw; }
}