.obras {
    display: grid;
    height: 180vh;
    grid-gap: .4rem;
    grid-template-columns: 16.66% 16.66% 16.66% 16.66% 16.66% 16.66% 16.66%;
    grid-template-rows: 33.33% 33.33% 33.33%;
}

.obras__img {
    background-size: cover;
    background-position: center;
    border-radius: .2em;
}

.obras__principal {
    background-image: url(../../img/aluminio/obras-aluminio9.jpg);
    grid-column: 1/5;
    grid-row: 1/1;
}

.obras__secundario:nth-child(2) {
    background-image: url(../../img/aluminio/obras-aluminio1.jpg);
    grid-column: 5/6;
    grid-row: 1/1;
}

.obras__secundario:nth-child(3) {
    background-image: url(../../img/aluminio/obras-aluminio2.jpg);
    grid-column: 6/6;
    grid-row: 1/1;
}

.obras__secundario:nth-child(4) {
    background-image: url(../../img/aluminio/obras-aluminio3.jpg);
    grid-column: 1/1;
    grid-row: 2/2;
}

.obras__secundario:nth-child(5) {
    background-image: url(../../img/aluminio/obras-aluminio4.jpg);
    grid-column: 2/2;
    grid-row: 2/2;
}

.obras__secundario:nth-child(6) {
    background-image: url(../../img/aluminio/obras-aluminio5.jpg);
    grid-column: 3/3;
    grid-row: 2/2;
}

.obras__secundario:nth-child(7) {
    background-image: url(../../img/aluminio/obras-aluminio6.jpg);
    grid-column: 4/4;
    grid-row: 2/2;
}

.obras__secundario:nth-child(8) {
    background-image: url(../../img/aluminio/obras-aluminio7.jpg);
    grid-column: 5/5;
    grid-row: 2/2;
}

.obras__secundario:nth-child(9) {
    background-image: url(../../img/aluminio/obras-aluminio15.jpg) ;
    grid-column: 6/6;
    grid-row: 2/2;
}

.obras__secundario:nth-child(10) {
    background-image: url(../../img/aluminio/obras-aluminio10.jpg);
    grid-column: 1/1;
    grid-row: 3/3;
}

.obras__secundario:nth-child(11) {
    background-image: url(../../img/aluminio/obras-aluminio11.jpg);
    grid-column: 2/2;
    grid-row: 3/3;
}

.obras__secundario:nth-child(12) {
    background-image: url(../../img/aluminio/obras-aluminio12.jpg);
    grid-column: 3/3;
    grid-row: 3/3;
}

.obras__secundario:nth-child(13) {
    background-image: url(../../img/aluminio/obras-aluminio13.jpg);
    grid-column: 4/4;
    grid-row: 3/3;
}

.obras__secundario:nth-child(14) {
    background-image: url(../../img/aluminio/obras-aluminio14.jpg);
    grid-column: 5/5;
    grid-row: 3/3;
}

/* Hover --------------------------------------------------------------- */

.obras__img:hover {
    transform: scale(1.1);
    transition: .5s ease-in-out;
}