Maybe the clamp() function will help you achieve your task. The code should look like this:

.img-photos {
    width: clamp(90%, 100%, 70%);
    height: auto;
    display: block;
    transition: .5s ease;
}

No Need for @media Queries, clamp() can dynamically adjust the size without media queries, making it a flexible solution.