.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;
}.pdd-post-date {
color: #000;
}
.pdd-date-label {
color: #000;
}
.pdd-date-value {
color: #000;
}
.pdd-shortcode-date {
color: #000;
}
.pdd-button-wrapper {
display: inline-block;
transition: transform 0.3s ease;
}
.pdd-button-wrapper:hover {
transform: scale(1.06);
}