.photo {
    perspective: 800px;
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.photo img {
    width: 400px;
    height: 400px;
    border-style: solid;
    border-width: 1rem;
    border-bottom-width: 3rem;
    border-color: #E8E6D5;
}

.photo__rotation {
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: rotateY(20deg) rotateX(25deg) scale(0.8) translateY(1rem);
}

.photo__rotation:hover {
    transform: rotateY(0) rotateX(0) scale(1.5);
}
@media (max-width: 700px) {
.photo__rotation:hover {
    transform: rotateY(0) rotateX(0) scale(1);
}
}

.photo__text {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: fit-content;
}