.photofilm__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
}

.photofilm__item-box-img {
    width: 100%;
    aspect-ratio: 1/1;
    position: relative;
    overflow: hidden;
    background: #eaeaea;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.photofilm__item-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    background-color: #CCCCCC20;
    transition: scale 0.6s ease-in-out;
    -webkit-transition: scale 0.6s ease-in-out;
    -moz-transition: scale 0.6s ease-in-out;
    -ms-transition: scale 0.6s ease-in-out;
    -o-transition: scale 0.6s ease-in-out;
}

.photofilm__item-box-play {
    z-index: 2;
    width: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.photofilm__item-box-play.none {
    display: none;
}

@media (hover:hover) {
    .photofilm__item:hover .photofilm__item-img {
        scale: 1.06;
    }
}

@media (min-width: 1200px) {
    .photofilm__list {
        gap: 15px;
    }

    .photofilm__item-box-play {
        width: 120px;
    }

    .photofilm__item-box-img {
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }
}