.first-gallery {
    margin-top: 5rem;
    text-align: center;
}

.first-gallery h1 {
    margin-bottom: 2rem;
}

.swiper {
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
}

.swiper-slide {
    width: 80%;
    margin: 0 auto 1rem;
    margin-bottom: 2rem;
}

.swiper-slide img{
    /*CODEPEN TEMANI AFIF FANCY FRAME II*/
    --b: 10px; 
  padding: var(--b);
  border: calc(2*var(--b)) solid #0000;
  outline: 1px solid var(--color-white);
  outline-offset: calc(-1*var(--b));
  background: conic-gradient(from 90deg at 1px 1px,#0000 90deg,var(--color-white) 0);
}


@media screen and (max-width: 1480px){
    .swiper {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
}

@media screen and (max-width: 1024px) {
    .swiper{
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
    }
    .swiper-slide img{
        --b: 3px;
    }
}