/* Image styling */
.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.img-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.img-fixed-height {
    height: 200px;
    width: auto;
    object-fit: cover;
}

.img-fixed-width {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.img-square {
    aspect-ratio: 1/1;
    object-fit: cover;
}

.img-16-9 {
    aspect-ratio: 16/9;
    object-fit: cover;
}

.img-4-3 {
    aspect-ratio: 4/3;
    object-fit: cover;
}

.img-thumbnail {
    max-height: 150px;
    object-fit: cover;
}

.project-img {
    aspect-ratio: 4/3;
    object-fit: cover;
}

.client-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.video-thumbnail {
    aspect-ratio: 16/9;
    object-fit: cover;
    width: 100%;
}

.hero-section {
    background-size: cover;
    background-position: center;
}