@import url('https://fonts.googleapis.com/css2?family=Calligraffitti&family=Cedarville+Cursive&family=Tangerine:wght@400;700&display=swap');
.photoC {
    width: 100%;
    height: max-content;
    flex-wrap: wrap;
}

.photo {
    width: 400px;
    height: auto;
    margin: 5px;
    padding: 12px;
}
.photo > h1{
    font-size: 100px;
    font-family: "Tangerine", cursive;
    font-weight: 900;
    font-style: normal;
    filter: drop-shadow(5px 5px 15px);
}
.photo>img {
    width: 100%;
    aspect-ratio: 3/2;
    object-fit: contain;
}

.videoC {
    width: 100%;
    height: auto;
    margin: 5px;
    flex-wrap: wrap;
}

.video {
    margin: 5px;
}

@media (max-width: 768px) {
    .photo {
        width: 100%;
    }
    .photo > img {
        aspect-ratio: auto;
        width: 100%;
    }
}
.photo:hover{
    transform: scale(1.1);
}