.citd-top-images {
display: flex;
justify-content: space-between;
margin-bottom: 70px;
}
.citd-top-image {
flex: 1;
margin: 0 1.5vw;
position: relative;
width: calc(33.333% - 3vw);
} .citd-top-image::before {
content: "";
display: block;
padding-top: 100%;
}
.citd-top-image img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
object-fit: cover;
}
.citd-top-image:first-child {
margin-left: 0; 
}
.citd-top-image:last-child {
margin-right: 0; 
}
@media only screen and (max-width: 480px) {
.citd-top-images {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2vw;
}
.citd-top-image {
margin: 0;
width: 100%;
}
.citd-top-image:nth-child(3) {
grid-column: 1 / -1;
}
}.vyftec-portfolio-images {
display: flex;
justify-content: space-between;
margin-top: 20px;
gap: 10px;
}
.vyftec-portfolio-images .portfolio-image {
flex: 1;
overflow: hidden;
}
.vyftec-portfolio-images .portfolio-image img {
width: 100%;
height: auto;
object-fit: cover;
}#experience-circle { position: fixed; width: 45vw; 
height: 45vw; 
max-width: 450px;
max-height: 450px; 
display: flex;
align-items: center;
justify-content: center;
opacity: 1; 
transition: opacity 0.3s ease, transform 0.3s ease; 
pointer-events: none;
z-index: 99; 
}
#experience-counter {
position: absolute;
font-size: 3vw; 
font-weight: bold;
opacity: 1; 
}
#experience-circle svg {
position: absolute;
width: 100%; 
height: 100%; 
transform-origin: center;
animation: rotateText 20s linear infinite; 
}
@keyframes rotateText {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
} @media (max-width: 767px) {
#experience-circle {
width: 60vw; height: 60vw; max-width: 300px; max-height: 300px; }
#experience-counter {
font-size: 6vw; }
}